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
289336 · page 7 / 22
analyzing-frontend-layerUse when analyzing frontend/UI layer including components, state management, routing, and API integration (optional - skip if no…majiayu000autonomous-agentsAutonomous agents are AI systems that can independently decompose goals, plan actions, execute tools, and self-correct without…majiayu000api-ai-vercel-ai-sdkVercel AI SDK patterns - providers, text generation, streaming, structured output, tool calling, chat UI hooks, embeddings, and…majiayu000api-and-interface-designUse when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type…majiayu000api-contractConfigure this skill should be used when the user asks about "API contract", "api-contract.md", "shared interface", "TypeScript…majiayu000api-contract-designDesign APIs using schema-first approach with OpenAPI/Swagger. Use when creating new APIs, documenting existing ones, or when…majiayu000writesAPI Contracts GeneratorGénère des contrats API cohérents entre Frontend (Next.js) et Backend (NestJS) avec types synchronisés, validation standardisée…majiayu000writesarchitecture-reviewArchitecture evaluation criteria and technology standards for the homelab. Preloaded into the designer agent to ground design…majiayu000atlas-mapMap the system architecture — read the codebase, identify services and connections, output a C4-level architecture map as Mermaid…jeremylongshorewritesautomatic1111Feature-rich Stable Diffusion Web UI for image generation. Supports txt2img, img2img, inpainting, outpainting, LoRA, extensions…majiayu000autonomous-agentsAutonomous agents are AI systems that can independently decompose goals, plan actions, execute tools, and self-correct without…majiayu000avalonia-ui-setupSet up Avalonia UI project with cross-platform XAML for Windows, macOS, and Linuxa5c-aiwritesaxiom-foundation-modelsUse when implementing on-device AI with Apple's Foundation Models framework — prevents context overflow, blocking UI, wrong model…majiayu000axiom-foundation-modelsUse when implementing on-device AI with Apple's Foundation Models framework — prevents context overflow, blocking UI, wrong model…majiayu000axiom-foundation-modelsUse when implementing on-device AI with Apple's Foundation Models framework — prevents context overflow, blocking UI, wrong model…majiayu000Backend APIDesign and implement RESTful API endpoints following REST principles with resource-based URLs, appropriate HTTP methods, and…majiayu000backend-to-frontend-handoff-docsCreate API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for…softaworksinvestigating-codebasesAutomatically activated when user asks how something works, wants to understand unfamiliar code, needs to explore a new codebase…majiayu000bevy-ecsStructure a Bevy app around its Entity Component System: build the App with plugins, define Component/Resource types, write…gamedev-skillsbknd-serve-filesUse when serving uploaded files to users. Covers API-proxied file serving, direct storage URLs (S3/R2/Cloudinary), CDN…majiayu000phx:briefInteractive briefing of a plan file — explains reasoning, schema decisions, component choices. Use when developers need to…majiayu000build-mastra-nuxt-basicUse when creating a Nuxt frontend Mastra agent with pnpm using a minimum viable plain chat assistant (non-weather agent). Trigger…majiayu000build-mastra-nuxt-proUse when creating a production-minded Nuxt frontend Mastra agent with pnpm, based on a plain chat assistant (not weather)…majiayu000building-ai-chatBuilds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support. Use when…majiayu000building-chatgpt-appsGuides creation of ChatGPT Apps with interactive widgets using OpenAI Apps SDK and MCP servers. Use when building ChatGPT custom…majiayu000building-chatgpt-appsGuides creation of ChatGPT Apps with interactive widgets using the Apps SDK and MCP servers. Use when building ChatGPT custom…majiayu000c4-diagram-generatorSpecialized skill for generating C4 model architecture diagrams. Supports Structurizr DSL, PlantUML, and Mermaid formats with…a5c-aiwriteschainlitExpert guidance for building conversational AI applications with Chainlit framework in Python. Use when (1) creating chat…majiayu000Chatbot ImplementationDetails of the RAG Chatbot, including UI and backend logic.majiayu000claude-prompt-guideAnthropic official XML tag patterns and prompt engineering best practices. Document behavior control tags, system prompt…majiayu000clerk-core-workflow-aImplement user sign-up and sign-in flows with Clerk. Use when building authentication UI, customizing sign-in experience, or…jeremylongshorewritesco5-emergenceApply CO5 Emergence to recognize higher-order behavior arising from component interactions.majiayu000color-paletteGenerate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark…jezwebcomponent-researchThis skill should be used when the user asks to "evaluate if TBC covers a use case", "decide which TBC component to use", "check…majiayu000convex-agentsBuilding AI agents with the Convex Agent component including thread management, tool integration, streaming responses, RAG…majiayu000agentic-patternsImplements advanced AI patterns like Reflection, ReAct, Planning, and Tool Use.majiayu000copilotkitBuild AI copilots, chatbots, and agentic UIs in React and Next.js using CopilotKit. Use this skill when the user wants to add an…majiayu000create-agent-command-skillエージェント、コマンド、スキルを統合的に作成する高度なメタコマンド。プロジェクト全体の一貫性を保ちながら、相互に連携する3つのコンポーネントを同時に設計・生成します。 実行は専門エージェントに委譲します。 🤖 起動エージェント: -…majiayu000create-websiteGuided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion.…wondelaicss-modulesCSS Modules patterns, composition, variables, and build configuration.a5c-aiwritesdeep-analyzeTiefenanalyse eines Problems gemäß der OBERSTEN DIREKTIVE. Verfolgt den vollständigen Datenfluss…majiayu000deep-explainプロジェクト内/外部対象に対する構造化された深層分析を提供する読み取り専用ユーティリティスキル。 スキル、機能、OSS、ライブラリ、技術コンセプトなど「これは何?」に対する一貫した回答を提供する。 例: - /deep-explain…majiayu000design-philosophyVisual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a…sickn33design-systemMechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT…sickn33design-system-validatorValidate design system compliance in code and detect token usage violationsa5c-aiwritesdesign-token-transformerTransform design tokens across multiple formats and platforms. Parse W3C design token format, transform to…a5c-aiwritesdetect-competing-systemsComprehensive detection of competing and conflicting systems in Vue 3 + TypeScript + Pinia projects. Identifies duplicate…majiayu000devdocs-insightsCollect improvement insights from UI/UX reviews, document research, or external references, convert confirmed items into…majiayu000writes
← Prev7 / 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