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
625672 · page 14 / 22
design-critiqueGive structured, constructive feedback on any design using UX frameworks. Use when asked to critique a design, review a UI, give…mohitagw15856design-engineeringApply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual foundations.…rohitg00muapi-design-guideCreate a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules…SamurAIGPTdesignUse when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing…jeremylongshoredesign-loopAutonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates…jezwebwritesdesignUse for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo…ohad6kdesign-patternsAgents should invoke this skill when choosing patterns, designing traits/interfaces/components, deciding abstraction boundaries…waybarriosdesign-system-adoptionCreate adoption strategies and materials to drive design system usage across teams.Owl-Listenerdesign-system-generatorGenerate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind configvibeevaldesign-system-governanceDefine how a design system evolves — contribution models, versioning, change management, and deprecation.Owl-Listenerdesign-systemExtract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography…jezwebwritesdesign-taste-frontendUse when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.sickn33design-thinkingDirection and intent for frontend design. Use with design when defining purpose, tone, domain, color world, and review bar…sickn33Detailed Footwear Component Design and DescriptionGenerates detailed, realistic specifications for footwear by breaking down the design into specific components (Upper, Lining…ECNU-ICALKdevelopmentComprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills…sickn33device-interactionVerify iOS app behavior on device or simulator via screenshots, UI hierarchy, and touch interactions.superagents-labdictlearningUse this model doc whenever the user wants to perform resting-state network decomposition using DictLearning. This is a…BioTender-maxdiscordDiscord message-tool ops: send/read/edit/delete, react, poll, pin, thread, search, presence, media/components.Health-Yanggsd:discuss-phaseGather phase context through adaptive questioning before planning. Use --all to skip area selection and discuss all gray areas…davepoonwrites固定尺寸Div内容分页与溢出检测实现网页文章分页功能,将内容放入固定大小(如500x800px)的div中,并使用JavaScript实时检测内容溢出以进行精确分割。ECNU-ICALKКастомная отрисовка узлов ECharts с подэлементамиРеализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и…ECNU-ICALK生成产品展示网站组成文档根据用户需求生成包含前后端实现的网站组成文档,涵盖主页、功能版图、用户中心、优惠页、常见问题、使用指南等模块,并支持指定Vue和Spring Boot技术栈。ECNU-ICALK软件界面英文翻译将中文文本翻译为适用于电脑软件界面的英文,要求文字简短、通俗易懂(高中生水平),并逐行翻译。ECNU-ICALK网页文章固定容器分页与溢出检测生成网页代码,将文章内容分割到固定大小的div容器中,并使用JavaScript实时检测内容溢出以实现精确分页。ECNU-ICALKВалидация числового ввода с точкойНастраивает поле ввода для приема только чисел с плавающей точкой, используя точку в качестве десятичного разделителя и блокируя…ECNU-ICALKemail-marketingWhen the user wants to plan email marketing, EDM, newsletter strategy, or email deliverability. Also use when the user mentions…kostja94emil-design-engThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that…AgentWorkforceemil-design-engUse when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft…sickn33enhance-promptImprove prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual…nexu-ioenhance-promptTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design…sickn33writesОбработчик Enter и Shift+Enter для TextareaСоздание модульного JavaScript-обработчика для textarea, который различает нажатие Enter (выполнение действия) и Shift+Enter…ECNU-ICALKerror-boundaryReact error boundary hierarchy, fallback UI patterns, offline-first fallback, retry mechanisms, and graceful degradation.vibeevalEstilização de Nome em Navbar React com Fonte Arredondada e ContornoAplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex…ECNU-ICALKexpert_ai_art_prompt_generatorExpert AI art prompt engineer for Midjourney and Stable Diffusion. Generates high-quality prompts including unified batch…ECNU-ICALKfailure-analysisSystematic failure analysis methodology for mechanical component failuresa5c-aiwrites构建 FastAPI 后端与 React 前端封装 Gradio 音频处理 API用于创建一个前后端分离的 Web 应用,后端使用 FastAPI 调用 Gradio 客户端处理音频,前端使用 React 和 Ant Design 实现文件上传与结果展示,并确保无跨域限制。ECNU-ICALKfeishu-rich-cardSend rich interactive cards with embedded images in Feishu group chats. Use when reporting progress, sharing analysis results, or…BioTender-maxfigma-annotation-guideGenerate structured developer handoff annotations for a Figma screen or component. Use when asked to write Figma annotations…mohitagw15856figma-code-connect-componentsConnect Figma design components to code components using Code Connect so design-system updates flow into the codebase…nexu-iofigma-create-design-system-rulesGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in…nexu-iofigma-create-new-fileCreate a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.nexu-iofigma-implement-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a…nexu-iofigma-spacing-systemDesign a spacing and layout token system for a Figma design system. Use when asked to create a spacing system, define layout…mohitagw15856figma-useRun Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other…nexu-iofigma-variant-matrixDefine component variants and states systematically for Figma. Use when asked to plan component variants, define states for a…mohitagw15856file-watcherConfigure file watching hooks to auto-react to config changes, env file updates, and dependency modifications. Use to set up…rohitg00find-design-agencyUse whenever the user wants to find, shortlist, vet, or enrich US design and creative agencies — graphic design, UX/UI, product…jeremylongshorefind-web-developerUse whenever the user wants to find, shortlist, vet, or enrich US web development firms — building, refreshing, or rebuilding…jeremylongshore
← Prev14 / 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