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
721768 · page 16 / 22
gsap-reactOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or…nexu-ioharness-similarityADR-152 — weighted similarity between two harness fingerprints (genome + score JSON). Returns overall score in [0,1] plus…ruvnetwriteshigh-end-visual-designUse when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.sickn33holographic-uiWeb and App implementation guide for Holographic UI. Trigger when user wants light-based appearance, projected interfaces, and…sickn33HTML Typography Styling for Math and DigitsGenerates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML…ECNU-ICALKhyperflow-designHyperflow design phase. Use when designing a UI / visual system or making a screen look good — verbs like "design the UI", "make…jeremylongshorei18nLobeHub i18n with react-i18next. Use for user-facing strings, locale keys, namespaces, useTranslation, t(), interpolation…lobehubi18n-translateComplete and maintain frontend i18n translations for this project. Covers finding missing translation keys, detecting…charliehzmicaUse this model doc whenever the user wants to perform resting-state network decomposition using ICA. This is a non-deep-learning…BioTender-maxiclr-related-workUse when positioning an ICLR paper against prior work, concurrent OpenReview submissions, arXiv papers, benchmark lineages, and…brycewang-stanfordimage-optimization-helperConfigure with image optimization helper operations. Auto-activating skill for Frontend Development. Triggers on: image…jeremylongshorewritesimage-to-codeElite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself…Leonxlnximagegen-frontend-mobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android…Leonxlnximagegen-frontend-webElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE —…LeonxlnximagegenGenerate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual…nexu-ioimagenGenerate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.nexu-ioimagenAI image generation skill powered by Google Gemini, enabling seamless visual content creation for UI placeholders, documentation…sickn33implement-ag-playbookImplement a playbook from its PROMPT specification files. Supports both single-framework (PROMPT-REACT.md, etc.) and 3-framework…AgnosticUIwritesimplement-github-featureDesign and implement a new feature or component from a GitHub issue. Use for net-new functionality, not bug fixes.AgnosticUIwritesimplementing-command-palettesUse when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view…AgentWorkforceIndicador UI fuera de pantalla con margen superiorSistema en Unity para rastrear objetos 3D con elementos de interfaz (UI). El indicador sigue al objeto cuando está visible en…ECNU-ICALKInteractive Random String Generator with Alternating PatternCreate a self-contained HTML/JS tool that generates a random string with a strict alternating pattern of letters and punctuation…ECNU-ICALKinterfaces-that-feelApply an emotional resonance lens to any UI. Use when a design is technically correct but flat — to identify what's missing and…Owl-ListeneriOS OC 实现带方向指示和比例计算的圆形摇杆控件实现一个iOS Objective-C的圆形摇杆控件,包含大圆容器和小圆手柄。支持手势拖动、边界限制、松手回弹、区域判定(上下左右)、方向图标旋转、移动比例计算(含容忍度)以及TableView中的手势冲突处理。ECNU-ICALKIP Address Responsiveness Sorter UICreate a web-based UI to filter IP addresses based on HTTP/HTTPS connectivity using a sequential queue and adjustable timeout.ECNU-ICALKIP Responsiveness Sorter UICreate a web-based UI using HTML, CSS, and JavaScript to filter a list of IP addresses based on HTTP/HTTPS responsiveness within…ECNU-ICALKissue-triageTriage Linear or Jira backlogs and run bug sweeps via the Composio CLI. Bulk-fetch issues, dedupe, relabel, reassign, and post…composio-communityjavascript_braille_progress_bar_implementationImplement a live-updating JavaScript progress bar using specific Braille mapping for elapsed time, strictly using string…ECNU-ICALKjavascript_progress_bar_emoji_animationImplements a JavaScript progress bar with live updates using a Food and AI themed emoji animation, strictly using string…ECNU-ICALKJavaScript Storyline Parser for The Room GameParses a custom text-based storyline format to display timed text with CSS transitions and pause commands in a web game.ECNU-ICALKjavascript-typescript-typescript-scaffoldYou are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications.…sickn33journey-storageUse as the storage build stage of the Butterbase journey. Implements the Storage section of 02-plan.md by delegating to the…butterbase-aijs / react / nextGeneral SOP for common requests related to js, react, next.ECNU-ICALKjson-uijson-ui, json render, component catalog, report render, HTML report, I18nString, i18n, bilingual, language switch, dual language…actionbookJSX中默认获取并赋值当月日期在JSX/React开发中,当传入值为空时,自动获取当前日期并格式化为YYYY-MM(如2023-04)进行赋值。ECNU-ICALKkicad-libraryLibrary management workflow for KiCAD — creating symbols, footprints, and managing libraries via MCP tools. Triggers on: "create…mixelpixxlamina-verifyVerify graph-backed product Missions after ordinary implementation work or when explicitly invoked as lamina-verify. Run isolated…aryaniyapslanding-pageGenerate a complete, deployable landing page from a brief. Produces a single self-contained HTML file with Tailwind CSS (via…jezwebwriteslanggraphExpert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications. Covers graph…sickn33launch-window-plannerUse when the user asks to "pick a launch date", "plan the launch window", or "set the embargo and lift time"; produces a…aaron-he-zhulazy-loading-implementerExecute lazy loading implementer operations. Auto-activating skill for Frontend Development. Triggers on: lazy loading…jeremylongshorewritesLeaflet Single Polyline InteractionImplements a Leaflet.js feature to draw a polyline between two clicked points, disable further clicks to ensure only one line…ECNU-ICALKLingua-Cultural Personality AnalysisAnalyze a social class or personality type using specific descriptive criteria (age, origin, financial standing, etc.) and V.I.…ECNU-ICALKLinked Percentage Distribution SlidersCreate a set of 3 interactive sliders where the total value must always equal 100%. Adjusting one slider automatically…ECNU-ICALKliquid-glassImplement Liquid Glass design using .glassEffect() API for iOS/macOS 26+. Covers SwiftUI, AppKit, UIKit, and WidgetKit. Use when…rshankraswriteslocalization-briefPlan the localization of a product/content for a new market — beyond translating the words. Use when asked to localize a product…mohitagw15856lookdevHuman-in-the-loop web studio to tune AI-generated output by eye. Stand up a local interactive studio (sliders, pickers, drag…sickn33lovable-cleanupAudits and strips Lovable scaffolding from Vite + React projects — removes lovable-tagger, swaps placeholder assets, prunes…sickn33
← Prev16 / 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