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
481528 · page 11 / 22
tailwind-design-systemBuild production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and…sickn33tanstack-aiTanStack AI (alpha) provider-agnostic type-safe chat with streaming for OpenAI, Anthropic, Gemini, Ollama. Use for chat APIs…majiayu000task-decompositionUse this skill at Step 4 of the v2 SOP to decompose an OpenSpec change's tasks.md into atomic, prioritized, single-document…charliehzmdesign-taste-frontend-v1The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is…nexu-iotauri-project-setupInitialize Tauri project with Rust backend and frontend framework integrationa5c-aiwriteslaminaProduct design skill for developers who build with AI coding agents. Use when you need to know what to build before prompting…aryaniyapstextual-scaffolderGenerate Textual (Python) TUI application structure with widgets, screens, and CSS styling.a5c-aiwritestouch-featureProduce a mobile feature spec — user story, technical approach, component breakdown, platform-specific considerations, edge…jeremylongshorewritestouch-uiUse when asked about mobile UI guidelines, touch targets, platform-specific UI rules, or mobile interaction patterns. Examples…jeremylongshorewritestrpctRPC end-to-end type safety, procedures, routers, middleware, and React integration.a5c-aiwritesui-component-migratorMigrate UI components between frameworks with structure, state, and style transformationa5c-aiwritesui-designUse when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before…TencentCloudBaseui-detectorYOLO UI元素检测器项目管理。训练自定义模型识别界面元素(按钮、输入框、二维码等),用于半自动化操作。majiayu000unity-csharp-scriptingWrite Unity 6 C# gameplay scripts: the MonoBehaviour lifecycle (Awake/OnEnable/Start/Update/FixedUpdate/LateUpdate), GameObject…gamedev-skillsunity-input-systemWire player input in Unity 6 with the Input System package: Input Actions, action maps, the PlayerInput component, and reading…gamedev-skillsunity-ui-toolkitUnity UI Toolkit skill for runtime UI development, USS styling, UXML templates, and custom visual elements.a5c-aiwritesvector-styleVector-clean art direction for Blender with flat fills, sharp silhouettes, and UI-like graphic clarity.arjun988vercel-ai-sdk-best-practicesBest practices for using the Vercel AI SDK in Next.js 15 applications with React Server Components and streaming capabilities.majiayu000vercel-ai-sdkVercel AI SDK for building chat interfaces with streaming. Use when implementing useChat hook, handling tool calls, streaming…majiayu000vercel-ai-sdk-expertExpert in the Vercel AI SDK. Covers Core API (generateText, streamText), UI hooks (useChat, useCompletion), tool calling, and…majiayu000visionAnalyze images, screenshots, diagrams, and visual content - Use when you need to understand visual content like screenshots…majiayu000vision-expertExpert in analyzing images, diagrams, UI screenshots, charts, and visual content. Use for image analysis, UI-to-code conversion…majiayu000visual-analysisUse when analyzing images, screenshots, UI mockups, or visual content for extracting information, comparing designs, or assessing…majiayu000visual-brand-extractorExtract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with…gooseworks-aivisual-regression-setupConfigure visual regression testing with Percy, Chromatic, or custom screenshot comparisona5c-aiwritesvue-developmentVue 3 development with Composition API, reactivity system, component patterns, TypeScript integration, and best practices.a5c-aiwritesweb-designPenguin visual language for generated web pages and app UIs — GitHub-style simplicity with a single blue accent, light and…Prism-Shadowwechat-automation当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent",或者提到"微信自动化"、"消息监控"、"WeChat…majiayu000whats-newGenerates a "What's New" / changelog screen shown after app updates with version tracking, feature highlights, and one-time…rshankraswriteswpf-xaml-style-generatorGenerate XAML styles, templates, and resource dictionaries with theme support for WPF applicationsa5c-aiwriteszai-cliExecute z.AI CLI providing vision, search, reader, and GitHub exploration via CLI and MCP. Use when user needs image/video…majiayu000writesZAI命令行Z.AI CLI 提供: - 视觉:图像/视频分析、OCR、UI 到代码、错误诊断(GLM-4.6V) - 搜索:带有域名/时间过滤的实时网络搜索 - 阅读器:网页到 Markdown 提取 - 仓库:通过 ZRead 进行 GitHub 代码搜索和阅读 -…majiayu0003d-uiWeb and App implementation guide for 3D UI. Trigger when user wants actual 3D objects, perspective effects, and spatial depth.sickn333d-web-experienceExpert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers…sickn33acm-symposium-on-user-interface-software-and-technologyUse when targeting ACM Symposium on User Interface Software and Technology (UIST) or deciding whether a computer-science…brycewang-stanfordСоздание кликабельных кнопок из иконок в ActionScript 3Генерация кода AS3 для превращения иконок (Bitmap/MovieClip) в кликабельные кнопки с переходом по URL, правильным…ECNU-ICALKadd-model-descriptionsAdd descriptions for new models from the HuggingFace router to chat-ui configuration. Use when new models are released on the…ruvnetAfter Effects Batch Text Comps GeneratorGenerates multiple After Effects compositions by duplicating a source template and replacing text content based on a delimited…ECNU-ICALKagent-spec-mobile-react-nativeAgent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-nativeruvnetagf-design-disciplineUse when uiux-designer is about to produce a design spec (spec.md) or static HTML prototype, or frontend-dev is about to build UI…pcliangxai-model-webUse this skill when a browser/Web app (React, Vue, Angular, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI) needs AI…TencentCloudBaseai-native-uiWeb and App implementation guide for AI Native UI. Trigger when user wants conversational interfaces, adaptive layouts, and…sickn33ai-slopOperational rubric that turns "don't make AI slop" into observable properties, severity levels, evidence requirements, and repair…waybarriosРеализация диалогов подтверждения и переключателей в AiogramНавык реализации паттернов пользовательского интерфейса для Telegram-ботов на Aiogram: создание диалогов подтверждения действий с…ECNU-ICALKalgolia-searchExpert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuningsickn33analyze-pitch-deckActivate for ANY pitch deck analysis, feedback, or review request. Triggers include: "analyze this deck", "review my pitch deck"…davepoonAndroid 11+ Background Location Permission FlowImplement the compliant background location permission request flow for Android 11+ using Jetpack Compose, adhering to official…ECNU-ICALKAndroid 11+ Background Location Permission ImplementationImplement the background location permission request flow in Jetpack Compose, adhering to Android 11+ requirements for…ECNU-ICALK
← Prev11 / 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