Search

Find skills by name, source, slug, or description across the full catalog.

Feature your product here Catalog & search unit · reach builders installing agent skills View pricing →

#

Skill

Source

Installs

performance-optimization addyosmani/agent-skills/performance-optimization Optimizes application performance across , backend, queries, and databases.

addyosmani/agent-skills

interface- dammyjay93/interface-/interface- Craft-first interface for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and int…

dammyjay93/interface-

figma--sync site/smithery.ai/figma--sync Use this agent when you need to synchronize a web implementation with its Figma by automatically detecting and…

apple- emilkowalski/skills/apple- Apple's approach to interface and fluid, physical motion, translated for the web.

emilkowalski/skills

arco- arco-/arco--skill/arco- Arco React UI component library reference (@arco-/web-react). Use this skill whenever the user asks to b…

arco-/arco--skill

api-and-interface- addyosmani/agent-skills/api-and-interface- Guides stable API and interface . Use when ing APIs, module boundaries, or any public interface. Use when…

addyosmani/agent-skills

refactoring-ui wondelai/skills/refactoring-ui Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (o…

wondelai/skills

adk- botpress/skills/adk- Guidelines for building applications that integrate with Botpress ADK bots - covering authentication, type g…

botpress/skills

ios-hig- wondelai/skills/ios-hig- native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iP…

wondelai/skills

-dev-guidelines sickn33/agentic-awesome-skills/-dev-guidelines You are a senior engineer operating under strict architectural and performance standards. Use when creating …

sickn33/agentic-awesome-skills

-system rampstackco/claude-skills/-system Build or audit a system including component library, tokens, naming conventions, contribution model, an…

rampstackco/claude-skills

-slides affaan-m/ecc/-slides Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

offers coreyhaines31/marketingskills/offers When the user wants to , construct, or improve an offer — the thing they actually sell — including value framin…

coreyhaines31/marketingskills

fullstack-guardian site/smithery.ai/fullstack-guardian Builds security-focused full-stack web applications by implementing integrated and backend components with l…

hyperframes heygen-com/hyperframes/hyperframes Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, …

heygen-com/hyperframes

system- proyecto26/system--skills/system- This skill should be used when the user asks to " a system", " <a product>" (e.g. " WhatsApp", "des…

proyecto26/system--skills

-engineer farming-labs/-eng-skills/-engineer End-to-end engineering workflow for improving React, Next.js, Vite, docs sites, dashboards, component…

farming-labs/-eng-skills

figma--sync smithery/i3ringit/figma--sync Use this agent when you need to synchronize a web implementation with its Figma by automatically detecting and…

smithery/i3ringit

magento--developer maxnorm/magento2-agent-skills/magento--developer Creates comprehensive Magento 2 solutions.

maxnorm/magento2-agent-skills

-motion-principles kylezantos/-motion-principles/-motion-principles Motion and interaction expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes —…

kylezantos/-motion-principles

design naiersaidane/claude-mastery/ Consulte sur le système de d'un produit et produit `docs/.md` + un preview HTML (spécimen typo + palette…

naiersaidane/claude-mastery

kumo- Official cloudflare/kumo/kumo- Cloudflare product guidance. Use when ing, implementing, or reviewing Cloudflare dashboard interfaces, K…

cloudflare/kumo

feature-sliced- feature-sliced/skills/feature-sliced- Official Feature-Sliced (FSD) v2.1 skill for applying the methodology to projects. Use when the task …

feature-sliced/skills

fullstack-guardian smithery/Jeffallan/fullstack-guardian Builds security-focused full-stack web applications by implementing integrated and backend components with l…

smithery/Jeffallan

architecture-er jeffallan/claude-skills/architecture-er Use when ing new high-level system architecture, reviewing existing s, or making architectural decisions.…

jeffallan/claude-skills

interface-kit juliusbrussee/skills/interface-kit Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes engineering philosophy, …

juliusbrussee/skills

-master mineru98/llm-proxy-skills/-master UI/UX work with Gemini CLI in --yolo mode.

mineru98/llm-proxy-skills

microinteractions wondelai/skills/microinteractions the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones…

wondelai/skills

-standards rampstackco/claude-skills/-standards Apply production-grade standards when building or reviewing pages, components, or UI. Use this skill whenever …

rampstackco/claude-skills

emil--eng emilkowalski/skills/emil--eng This skill encodes Emil Kowalski's philosophy on UI polish, component , animation decisions, and the invisible …

emilkowalski/skills

software--philosophy wondelai/skills/software--philosophy Manage software complexity through deep modules, information hiding, and strategic programming. Use when the user men…

wondelai/skills

experience-lwc--generate forcedotcom/sf-skills/experience-lwc--generate Use when you need to create a brand new Lightning Web Component from a Figma , a Product Requirements Document,…

forcedotcom/sf-skills

-best-practices site/handbook.adra.dev/-best-practices Best practices for development including React, TypeScript, CSS, performance, accessibility, and component d…

handbook.adra.dev

-everyday-things wondelai/skills/-everyday-things Apply foundational principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when…

wondelai/skills

hyperframes-animation heygen-com/hyperframes/hyperframes-animation All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broad…

heygen-com/hyperframes

fullstack-dev minimax-ai/skills/fullstack-dev Full-stack backend architecture and -backend integration guide. TRIGGER when: building a full-stack app, crea…

minimax-ai/skills

ctf-web ljagiello/ctf-skills/ctf-web Provides web exploitation techniques for CTF challenges. Use when the target is primarily an HTTP application, API, b…

ljagiello/ctf-skills

hyperframes-creative heygen-com/hyperframes/hyperframes-creative Non-animation creative direction for HyperFrames videos.

heygen-com/hyperframes

lark-event site/open.feishu.cn/lark-event Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume …

banner- nextlevelbuilder/ui-ux-pro-max-skill/banner- banners for social media, ads, website heroes, creative assets, and print.

nextlevelbuilder/ui-ux-pro-max-skill

meticulous-iterative-dev alwaysmeticulous/skills/meticulous-iterative-dev Iterative development loop using Meticulous for per-step visual validation. Use when implementing a multi-st…

alwaysmeticulous/skills

meticulous-test alwaysmeticulous/skills/meticulous-test Run a Meticulous test run after implementing a change, then hand off to the `meticulous-review` skill to cla…

alwaysmeticulous/skills

-slides nexu-io/open-/-slides Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, an…

-implement keyvaluesoftwaresystems/kv-skills/-implement Implement an approved scope by consuming the cross-repo contract exactly, with all required UI states, meeti…

keyvaluesoftwaresystems/kv-skills

create--md ibelick/ui-skills/create--md Create or update a .md from an existing product repository or public website.

ibelick/ui-skills

-brief nexu-io/open-/-brief Parse a structured brief written in I-Lang protocol format into a concrete spec. Eliminates ambiguity f…

pick-ui-library emilkowalski/skills/pick-ui-library Pick the right library for a given task from a curated, opinionated list — numbers, OTP inputs, charts, comm…

emilkowalski/skills

-a11y affaan-m/ecc/-a11y Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, fo…

experience-ui-bundle--generate forcedotcom/sf-skills/experience-ui-bundle--generate MUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to…

forcedotcom/sf-skills

experience-ui-bundle-salesforce-data-access forcedotcom/sf-skills/experience-ui-bundle-salesforce-data-access MUST activate whenever a uiBundles/*/src/ project reads, writes, or displays Salesforce data — INCLUDING building a p…

forcedotcom/sf-skills