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 28,838codex 6,583cursor 4,244copilot 1,341windsurf 73cline 44
CategoryAI & Agents 4,188Data & Analytics 3,152Code Review & Quality 1,857Backend & API 1,737Security 1,624Workflow & Productivity 1,614Documentation 1,361Design & Presentation 1,327Content & Marketing 1,213Testing & QA 1,074DevOps & Cloud 783Databases 735Frontend 623Business & Finance 447Media & Video 349Other 7,916
1,013 found
97144 · page 3 / 22
agents-sdkBuild AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time…cloudflarenuxtNuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes…antfumotion-designApplies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing…LottieFilesbuilding-native-uiComplete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations…sickn33designDesign skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX…rshankraswritesfrontend-design-proShared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. The…QinghongLintool-calling-tutorWhen the user is building a tool-calling agent and gets stuck — "為什麼 LLM 不呼叫我的 tool", "我這 schema 哪裡寫壞", "tool 被呼叫但 args 不對"…WenyuChiouvitepressVitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing…antfuvercel-composition-patternsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible…ECNU-ICALKvercel-composition-patternsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible…guanyangreact-composition-patternsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible…tech-leads-clubshadcnManages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design…sickn33ios-hig-designDesign native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout"…wondelaigh-pr-reviewAutomated Cherry Studio review for local branches, PRs, commits, files, architecture docs, and repository skills. Use for code or…CherryHQpiniaPinia official Vue state management library, type-safe and extensible. Use when defining stores, working with…antfusentry-architecture-variantsConfigure Sentry error tracking and performance monitoring for different application architectures. Use when setting up Sentry…jeremylongshorewritesshadcn-uiGive the assistant project-aware shadcn/ui context: components.json, composition patterns, CLI, registries, theming, and MCP. Use…charliehzmvue-router-best-practicesVue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.antfusettings-screenGenerates a complete settings screen for iOS/macOS apps with common sections. Use when user wants to add settings, preferences…rshankraswritesshadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project…charliehzmet-euiET EUI client UI workflow for this project's cn.etetet.eui framework. Use when creating or modifying DlgXxx windows, ESxxx…FlameskyDexivereact-devThis skill should be used when building React components with TypeScript, typing hooks, handling events, or when React…softaworkswinmd-api-searchFind and explore Windows desktop APIs. Use when building features that need platform capabilities — camera, file access…githubwriting-quality-editorWriting Quality Editor (WQE) composes, assesses, revises, and adapts user-facing writing so it reads naturally while preserving…kyungseocreate-blazor-projectCreate a new ASP.NET Core web application or web site using Blazor. USE FOR: creating a new Blazor web app, scaffolding a new web…dotnetgridgeistUse when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive…ohmilerhuggingface-lora-space-builderBuild and publish a Gradio demo on Hugging Face Spaces for a user-provided LoRA. Use when someone asks to create, generate, ship…waybarriosoma-frontendFrontend specialist for React, Next.js, Angular, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.…first-flukereact-expertUse when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates…Jeffallanspline-3d-integrationUse when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.sickn33vue-expertBuilds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds…Jeffallanwriting-clearly-and-conciselyUse when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text.…softaworksapi-contractConfigure this skill should be used when the user asks about "API contract", "api-contract.md", "shared interface", "TypeScript…jeremylongshoredoca-upgradeUse this skill when the user is contemplating a DOCA upgrade or downgrade — moving a host to a newer DOCA release, refreshing the…NVIDIAfigma-core-workflow-aExtract design tokens, colors, typography, and spacing from Figma files via REST API. Use when building a design-to-code…jeremylongshorewritesfrontend-designReusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories. A shared…QinghongLinhigh-perf-browserOptimize web performance through network protocols, resource loading, and browser rendering internals. Use when the user mentions…wondelaimicrointeractionsDesign the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when…wondelaiplugin-structureThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize…anthropicsshuzishengmingkazike-skill数字生命卡兹克(前UI/交互设计师→AI自媒体人→虚实传媒CEO→AIFUT大会发起人)的AI科技自媒体创作思维——平实直接、数据碾压、自嘲幽默、硬核输出。 触发词:「数字生命卡兹克视角」「像卡兹克那样写」「AI产品实测」「AI工具测评」「干货AI教程」。…momozi1996ui-widget-developerBuild MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this…microsoftavalonia-layout-zafiroGuidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML…sickn33avalonia-zafiro-developmentMandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.sickn33design-system-starterCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation…softaworksexpo-brownfieldIntegrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding…sickn33typeui-fundamentalsUniversal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility…bergsidekotlin-specialistProvides idiomatic Kotlin implementation patterns including coroutine concurrency, Flow stream handling, multiplatform…Jeffallanlanding-page-creatorBuild high-converting affiliate landing pages as single self-contained HTML files. Triggers on: "create a landing page for"…Affitor
← Prev3 / 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