Agent skills

Frontend skills

Read straight from the source repositories, not from submitted listings. Every skill shows what it does, what is inside, where it came from — and whether attention around its source is actually growing.

Toolclaude-code 29,140codex 4,755cursor 3,111copilot 976windsurf 55cline 34
CategoryWorkflow & Productivity 4,979AI & Agents 3,037Data & Analytics 2,345Code Review & Quality 1,376Backend & API 1,244Security 1,194Design & Presentation 1,154Documentation 965Content & Marketing 916Testing & QA 777DevOps & Cloud 576Databases 550Frontend 469Business & Finance 328Media & Video 257Other 9,833
1,015 found
433480 · page 10 / 22
prism-reconFrontend reconnaissance — map the component tree, routing, state management, build config, and assess quality. Use when asked to…jeremylongshorewritesprism-stackUse when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific…jeremylongshorewritesprism-uiImplement a complete UI screen or feature from a Form visual spec. Use when asked to "build a page", "implement this screen"…jeremylongshorewritesproject-documentationCreates and maintains project documentation for features, systems, and components. Use when documenting how a feature, system, or…testdoublewritesprompt-architectCreate and enhance prompts, system instructions, and principle files. Capabilities: transform verbose prompts, add…majiayu000prompt-engineerExpert in designing, optimizing, and evaluating prompts for Large Language Models. Specializes in Chain-of-Thought, ReAct…majiayu000python-design-patternsPython design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance. Use this…wshobsonqt-installer-framework-configConfigure Qt Installer Framework for cross-platform installers with component management, online updates, and custom UIa5c-aiwritesqt-qml-component-generatorGenerate QML components with proper property bindings, signal/slot connections, and Qt Quick Controls integrationa5c-aiwritesradix-uiRadix UI primitives, composition patterns, accessibility, and customization.a5c-aiwritesre-architecturePipeline Component Analysis & Feedback Tool. Decomposes pipelines into components with traceability feedback. Records all…majiayu000writesreact-developmentSpecialized skill for React component development, hooks patterns, state management, context API, performance optimization, and…a5c-aiwritesreact-doctorUse when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage…millioncoreact-hooksDeep expertise in React hooks patterns including custom hooks, composition, optimization, and testing strategies.a5c-aiwritesreactLobeHub React component conventions. Use when editing TSX UI, choosing base-ui vs @lobehub/ui vs antd, styling with antd-style…lobehubreact-modernizationUpgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when…wshobsonreact-native-architectureProduction-ready patterns for React Native development with Expo, including navigation, state management, native modules, and…sickn33react-native-architectureBuild production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when…wshobsonReact Native DevelopmentDeep integration with React Native ecosystem for cross-platform mobile developmenta5c-aireact-queryTanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.a5c-aiwritesreact-state-managementMaster modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state…wshobsonreact-testing-libraryReact Testing Library patterns, queries, user events, and accessibility testing.a5c-aiwritesredesign-existing-projectsUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies…nexu-ioremotion-best-practicesBest practices for Remotion - Video creation in Reactgooseworks-aireproduce-frontend-bugBuild a bounded, replayable browser or UI bug reproduction from GitHub Issues, Jira, Aone, user-provided exports, screenshots…QoderAIresearch-firstThis skill should be used when the user asks about frameworks (React, Next.js, FastAPI, PydanticAI, Supabase, LiveKit…majiayu000research-reactResearch React 19 patterns, hooks, and best practices using Exa code search and Ref documentationmajiayu000research-tanstack-queryResearch Tanstack Query (React Query) patterns for server state management using Exa code search and Ref documentationmajiayu000review-animationsUse when reviewing animation and motion code against a strict craft, performance, accessibility, and interaction-quality bar.sickn33scienceworld-circuit-connectorThis skill connects two electrical components (e.g., wires, batteries, devices) by their terminals to build or modify a circuit.…zjunlpscienceworld-object-selectorUse when the agent needs to choose a specific object from multiple candidates in the environment based on task criteria such as…zjunlpscreenshot-automationGenerates an automated App Store screenshot pipeline with UI tests for screenshot capture, device framing, localized caption…rshankraswritessequential-thinkMulti-step reasoning engine for complex analysis and systematic problem solving. Use when: (1) Complex debugging scenarios with…majiayu000serena-code-architectureArchitectural analysis workflow using Serena symbols and Forgetful memory. Use when analyzing project structure, documenting…majiayu000shadcnshadcn/ui component patterns, customization, theming, and integration.a5c-aiwritesshadcnShadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.bergsideship-featureImplement a feature safely end-to-end in this repository. Use when adding or changing functionality across backend, frontend, or…hoangsonwwsingle-file-bundlingConfigure Vite with vite-plugin-singlefile for mandatory single-file HTML bundling of MCP Apps. All assets (JS, CSS, images…a5c-aiwritessprite-animationA pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g.…nexu-iostitch-design-tasteUse when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI…sickn33stitch-design-tasteSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI…Leonxlnxstorybook-docsStorybook integration for UI component documentation. Configure docs addon, generate component documentation from stories, write…a5c-aiwritesstreaming-llm-responsesImplement real-time streaming UI patterns for AI chat applications. Use when adding response lifecycle handlers, progress…majiayu000svelteSvelte and SvelteKit development with built-in reactivity, stores, SSR/SSG, and modern web patterns.a5c-aiwritessvg-optimizerOptimize SVG assets, generate sprites, and convert to React componentsa5c-aiwritesswiftui-view-generatorGenerate SwiftUI views with proper state management (@State, @Binding, @ObservedObject, @StateObject) and macOS-specific patternsa5c-aiwritessync-labs-lipsyncGenerate AI lip sync and visual dubbing with Sync Labs (sync.so) — choose the right model (sync-3, lipsync-2, lipsync-2-pro…calesthiotailwind-cssTailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications.a5c-aiwrites
← Prev10 / 22Next →
How the catalog works
What is an agent skill?

A folder with a SKILL.md inside — instructions, and often scripts and assets, that an AI agent loads when the task matches. Claude Code, Codex, Cursor and Copilot all read the same format, so one skill usually works across them.

Where does this catalog come from?

We read 660 source repositories straight from their file trees rather than from submitted listings — what you see is what is actually published. 98 repositories were rejected because they advertise skills but contain none: link lists, not folders.

Why is there no install counter?

Because install counts live in the registry that serves `npx skills add`, and that is not ours — publishing a number we cannot verify would be worse than showing none. Instead we show where a skill comes from and whether attention around its source is actually growing, measured from our own weekly snapshots.

Do you deduplicate?

Yes, and it matters more than expected. Aggregator repositories republish the same skill in several places — one source carried 6,317 SKILL.md files for 2,001 actual skills. We collapse by folder name and keep the canonical copy, so the catalog counts things, not copies.

Keep going