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
337384 · page 8 / 22
diagnose-backend-bugDiagnose a bounded backend or multi-service failure from GitHub Issues, Jira, Aone, user-provided exports, logs, traces…QoderAIdk-breadcrumb-creatorTraces a workflow end-to-end through the harness-kit monorepo and creates a breadcrumb analysis doc in docs/breadcrumb_analysis/.…majiayu000writesdocusaurusDeep integration with Docusaurus for documentation site development. Configure projects, manage sidebars, versioning, i18n…a5c-aiwritesdraft-reconUI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state…jeremylongshorewritesdspy-custom-module-designThis skill should be used when the user asks to "create custom DSPy module", "design a DSPy module", "extend dspy.Module", "build…majiayu000writesdspy-developmentThis skill should be used when the user asks to "build with DSPy", "create a DSPy module", "optimize prompts", "build a RAG…majiayu000dspy-gepa-reflectiveThis skill should be used when the user asks to "optimize an agent with GEPA", "use reflective optimization", "optimize ReAct…majiayu000writesdspy-react-agent-builderThis skill should be used when the user asks to "create a ReAct agent", "build an agent with tools", "implement tool-calling…majiayu000writeselevenlabs-agentsBuild conversational AI voice agents with ElevenLabs Platform. Configure agents, tools, RAG knowledge bases, multi-voice, and…majiayu000elevenlabs-agentsBuild conversational AI voice agents with ElevenLabs Platform. Supports React, React Native, and Swift SDKs. Use when building…majiayu000emil-design-engThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that…nexu-ioengagement-terms-billing-guidelinesOutside counsel guidelines (OCGs) — drafting, review, gap analysis, and targeted updates for in-house legal teams. Build new OCGs…lawve-aienhance-promptTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design…majiayu000writesenhance-promptTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design…majiayu000writesexpo-tailwind-setupSet up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal stylingsickn33flutter-desktop-configConfigure Flutter for desktop platforms with platform channels and native integrationsa5c-aiwritesform-briefTranslate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview.…jeremylongshorewritesform-componentUse when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples…jeremylongshorewritesform-mobileUse when asked to design iOS or Android mobile app screens, create mobile UI, spec mobile flows, or produce screen designs for a…jeremylongshorewritesform-styleUse when asked to select a UI style, choose a design direction, pick a visual approach for a product, or match a style to an…jeremylongshorewritesform-tokensUse when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind…jeremylongshorewritesfrontend-designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic…anthropicsfrontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…brycewang-stanfordfrontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…ECNU-ICALKfrontend-designUse when the user wants a distinctive, production-ready frontend interface with clear visual direction, strong hierarchy, and…Haohao-endfrontend-designCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout…nexu-iofrontend-designYou are a frontend designer-engineer, not a layout generator.sickn33frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…ViryaZhengfrontend-tooling-trust-gateUse before installing or recommending npm packages, GitHub repos, templates, MCP servers, plugins, Codex skills, ChatGPT skills…TheGoat395frutiger-aero-styleFrutiger Aero art direction for Blender with glossy skeuomorphism, aqua UI cues, nature-tech optimism, and mid-2000s futurism.arjun988G2 Legend ExpertExpert skill for G2 legend development - provides comprehensive knowledge about legend rendering implementation, component…foryourhealth111-pixelgame-ui-uxDesign and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout…gamedev-skillsgemini-forgeGenerate frontend code drafts using Gemini 3.1 Pro's one-shot UI generation. Use when building React components, HTML/CSS pages…majiayu000gemini-frontend-designCreate distinctive, production-grade frontend interfaces using Gemini 3 Pro for design ideation. Use this skill when you want…majiayu000gemini-image-promptingPatterns for prompting Gemini to generate conceptual images for game development. Use when creating concept art, UI mockups…majiayu000writesgodot-animationAnimate in Godot 4.x three ways: AnimationPlayer for keyframed clips (incl. call and signal tracks), AnimationTree with state…gamedev-skillsgodot-ui-controlBuild Godot 4.x user interfaces with Control nodes: anchors and offsets for responsive layout, Container nodes…gamedev-skillsgpt-tasteElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page…nexu-iogranola-webhooks-eventsBuild event-driven automations with Granola''s Zapier webhook triggers. Use when creating real-time notification systems…jeremylongshorewritesgsap-animation-compositionProduction guidance for authoring, integrating, and reviewing GSAP animation in browser-rendered media. Use for deterministic…calesthioimage-to-codeElite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself…nexu-ioimagegen-frontend-mobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android…nexu-ioimagegen-frontend-webElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE —…nexu-ioimprove-appGuided journey from a shipped app that works but feels rough to a product that fits the job, flows without friction, reads…wondelaiimprove-websiteGuided journey from a live website that underperforms to a prioritized, evidence-backed backlog of conversion, usability…wondelaiink-component-generatorGenerate Ink (React for CLI) components for terminal UIs with hooks, state management, and layout components.a5c-aiwritesjira-driven-planningJiraチケットの要件とConfluenceの関連ドキュメントを基に、Frontend/Backend/Infrastructureに分割した実装計画を策定するプランニングスキル。Jiraチケット情報とConfluence検索結果が前段で取得済みであることを前…breaking-brakelangchain-agents-anton-abyzov-specweaveLangChain & AI Agent Frameworks expert. Covers LCEL chains, ReAct/Plan-and-Execute/Multi-Agent architectures, tool calling…majiayu000
← Prev8 / 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