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
529576 · page 12 / 22
Android Navigation Drawer ImplementationImplement a reusable navigation drawer (side menu) in Android activities, ensuring the ActionBar toggle opens the menu and…ECNU-ICALKandroid-ui-journey-testingXML-specified Android UI journey testing, interactive step execution, assertion verification, and JSON outcome reporting.sickn33Angular Product Image Gallery with Radio SelectionImplement an Angular component for a product list where each item has a main image and radio buttons to switch images. The skill…ECNU-ICALKanima-ci-integrationConfigure CI/CD pipeline for automated Figma-to-code generation with Anima. Use when automating design-to-code in GitHub Actions…jeremylongshorewritesanima-core-workflow-aBuild automated Figma-to-React pipeline with the Anima SDK. Use when automating design handoff, building CI/CD design-to-code…jeremylongshorewritesanima-core-workflow-bClone websites to React/HTML code and customize Anima output with AI. Use when converting live websites to code, customizing…jeremylongshorewritesanima-hello-worldGenerate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning…jeremylongshorewritesanima-performance-tuningOptimize Anima code generation performance with caching, parallelism, and output tuning. Use when reducing generation latency…jeremylongshorewritesanima-rate-limitsImplement rate limiting for Anima API code generation requests. Use when batching component generation, handling rate limit…jeremylongshorewritesanima-reference-architectureImplement reference architecture for Anima design-to-code automation. Use when designing a design system automation pipeline…jeremylongshorewritesanimation-patternsFramer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for React.vibeevalanimation-principlesApply animation principles to UI motion for purposeful, polished interactions.Owl-Listeneranthropic-frontend-designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic…fcakyonanti-ui-slopStop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces…davepoonanti-ui-slopStop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web…githubapi-and-interface-designGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating…addyosmaniapi-and-interface-designGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating…sickn33application-performance-performance-optimizationOptimize end-to-end application performance with profiling, observability, and backend/frontend tuning. Use when coordinating…sickn33arboreto-grn-inferenceGRN inference from expression via GRNBoost2 (gradient boosting) or GENIE3 (Random Forest). Load matrix, filter by TFs, infer…BioTender-maxaria-attribute-helperConfigure with aria attribute helper operations. Auto-activating skill for Frontend Development. Triggers on: aria attribute…jeremylongshorewritesartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…composio-communityartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…ECNU-ICALKartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…nexu-ioasc-app-create-uiCreate a new App Store Connect app record via browser automation. Use when there is no public API for app creation and you need…rorkaiasc-shots-pipelineOrchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files…rorkaiasc-subscription-localizationBulk-localize subscription, subscription-group, and in-app purchase display names across App Store locales using asc, including…rorkaiase-experimentsUse when designing or auditing the evaluation of an ASE (IEEE/ACM Automated Software Engineering) paper, covering real subject…brycewang-stanfordaurora-uiWeb and App implementation guide for Aurora UI. Trigger when user wants gradient glows, color blobs, and atmospheric lighting…sickn33baseline-uiQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast…sickn33bevy-ecs-expertMaster Bevy's Entity Component System (ECS) in Rust, covering Systems, Queries, Resources, and parallel scheduling.sickn33bom-cost-reviewReview a bill of materials for cost, risk, and supply exposure — cost rollup, top-10 cost drivers, single-source and EOL risk…mohitagw15856brainstorm-prototypesGenerate several genuinely different throwaway variations (designs, approaches, drafts) for the user to react to. Use when the…Neeeophyteebrand-guidelinesExtract a brand's visual and verbal identity into an applicable guideline kit — tokens, voice rules, and do/don't pairs — then…mohitagw15856brand-guidelinesWrite copy following Sentry brand guidelines. Use when writing UI text, error messages, empty states, onboarding flows, 404…sickn33hive.browser-automationRequired before any browser_* tool call. Teaches the screenshot + browser_click_coordinate workflow that reaches shadow-DOM…aden-hivebrowser-testing-with-screenshotsUse when testing web applications with visual verification - automates Chrome browser interactions, element selection, and…AgentWorkforceBubble Responsive Logo Page GuideProvides concise, step-by-step numbered instructions to create a responsive page in Bubble with a perfectly centered logo…ECNU-ICALKbug-triage-packTriage a raw bug report into something a team can act on — clean repro steps, a defensible severity/priority, environment, likely…mohitagw15856Build Gradio Chatbot with Groq API and Local HistoryGuides the development of a Python chatbot using Gradio for the UI and the Groq API for responses, featuring local file-based…ECNU-ICALKbundle-size-analyzerAnalyze bundle size analyzer operations. Auto-activating skill for Frontend Development. Triggers on: bundle size analyzer…jeremylongshorewritesC++ CImage Save Translated ComponentsImplement the CImage::save function to generate a new BMP file with translated and reordered components. The function must create…ECNU-ICALKC++ ECS Component Implementation with C++20 ConceptsImplement a type-erased Component wrapper for an Entity Component System (ECS) using a base class and template derived class…ECNU-ICALKC++ Image Component Reordering with Deferred RenderingImplements logic to reorder image components in a vector without immediate pixel manipulation, deferring the actual pixel copying…ECNU-ICALKC# .NET 4.0 WinForms HttpListener 不使用async/await在C# Windows Forms应用程序(.NET 4.0)中实现HTTP监听器,用于接收网页提交的数据。该技能要求不使用async/await关键字,而是使用BeginGetContext/EndGetContext(APM模式)来实现异步处理,并支持多次…ECNU-ICALKc4-componentExpert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture…sickn33cc-skill-coding-standardsUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.sickn33cc-skill-frontend-patternsFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.sickn33cherry-skill-marketplace当用户明确要求搜索、安装、查看、卸载或创建 Skill,或内置 Skill / 工具出现能力缺口、无法完成当前任务时触发。通过 `mcp__skills__search_skills` 搜索并用 `mcp__skills__install_skill`…CherryHQ
← Prev12 / 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