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,139codex 4,760cursor 3,079copilot 978windsurf 55cline 34
CategoryWorkflow & Productivity 4,987AI & Agents 3,033Data & Analytics 2,347Code Review & Quality 1,377Backend & API 1,243Security 1,197Design & Presentation 1,129Documentation 967Content & Marketing 917Testing & QA 777DevOps & Cloud 576Databases 550Frontend 469Business & Finance 328Media & Video 258Other 9,845
1,034 found
145192 · page 4 / 22
expo-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"…Affitorlangchain-langgraph-human-in-loopBuild LangGraph 1.0 human-in-the-loop approval flows with `interrupt_before`\ \ /\n`interrupt_after` and `Command(resume=...)`…jeremylongshorewriteslangchain-langgraph-streamingPick the correct LangGraph 1.0 stream_mode ("messages" vs "updates vs "values"), wire it into SSE or WebSocket without…jeremylongshorewritesmuiMaterial-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific…softaworkspaper-workflow-hero把产品、服务或工作流主题编译成「暖纸拟物流程主视觉」提示词——奶油纸底上,扁平UI卡片 + 写实拟物道具 +…FANzR-archpptx-postersCreate research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests…LeonChaoXwritespush-notificationsGenerate push notification infrastructure with APNs registration, handling, and rich notifications. Use when adding push…rshankraswritesreact-native-expertBuilds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies…Jeffallanreact-native-expertSenior React Native and Expo engineer for building production-ready cross-platform mobile apps. Use when building React Native…tech-leads-clubrender-cgi-sizzleAssemble a 3D-CGI app sizzle — nano-banana CGI plates (blank-glow floating phone + smoky-black studio + amaranth rim-light +…gooseworks-airender-creator-pip-listicleAssemble a creator picture-in-picture product-listicle ad from a config — the creator stays FULL-FRAME the whole beat (voice plus…gooseworks-aishopify-expertBuilds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth…Jeffallanslide-deckWhen you want to draft, update, convert, or export a slide deck for a React/Next.js slide system…coreyhaines31top-designCreate award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "Awwwards…wondelaiui-review-tahoeComprehensive UI/UX review for macOS Tahoe apps. Covers Liquid Glass design, HIG compliance, SwiftUI patterns, and accessibility.…rshankrasux-copyUX-тексты на русском языке: кнопки, формы, ошибки, пустые состояния, онбординг, подтверждения, уведомления, пуши и микрокопия.…N1arkoweb-typographySelect, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line…wondelaic4-architectureGenerate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document…softaworksdesign-system-patternsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating…wshobsondesign-wizardInteractive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code…davepoonwriteset-codeET framework C# code authoring and review workflow. Use when creating or modifying Entity, Component, System, Helper, message…FlameskyDexivefluentui-blazorGuide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in…githubfrontend-forge-fi-operationsOperate FrontendIntegration resources and the frontend-forge extension. Use when Codex needs to create a FrontendIntegration from…kubespherehalftone-ui-collage把文章、产品或工作流主题编译成「网点 UI 拼贴横幅」提示词——暖色平涂底上,黑白网点人物带白色贴纸描边、扁平矢量 UI 卡片、底角有机色块与手绘涂鸦同框,左三分之一压超大无衬线标题,5:2 超宽横板。用户提到网点拼贴、halftone…FANzR-archinterfaceDesign engineering principles for making interfaces feel polished. Use when building UI, reviewing frontend code, or working on…wellwelwelmatlab-themingStyle MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organization, and…matlabwritesmobile-android-designMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces…wshobsonmobile-appA mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed…nexu-ionear-dappBuild NEAR Protocol dApps. Use for: (1) creating new NEAR dApps with `create-near-app` (Vite+React, Next.js), (2) adding NEAR…internet-courtPaper Writing Skills IndexSkills for the Paper Write Team: report and academic templates for HTML/PDF rendering. Each template file is self-contained (HTML…BioTender-maxproduct-helpOpenChatCut product knowledge — UI layout, editor features, and how generation providers are configured. Use when the user asks…0xslineradix-ui-design-systemBuild accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound…sickn33react-native-designMaster React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React…wshobsonvercel-react-view-transitionsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component…fcakyonresponsive-designImplement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies.…wshobsonrhino3d-scriptsAuthoring and debugging scripts for Rhinoceros 3D (Rhino 8 and later). Use when asked to write RhinoScript (VBScript / .rvb /…githubsetup-fiuuSet up, build, debug, review, and explain Fiuu payment integrations using official Fiuu API specs, Seamless Integration, Inpage…afu-itsetup-hitpaySet up, build, debug, review, and explain HitPay payment integrations using official HitPay docs, Payment Request API, hosted…afu-itswiftui-animation-matchMatch UI/UX interaction needs to proven SwiftUI animation patterns from curated open-source catalogs. Use when planning or…RayFernando1337vercel-react-view-transitionsGuide React and Next.js view transitions, shared element animations, route transitions, transition types, and reduced-motion-safe…sickn33vercel-webhooks-eventsImplement Vercel webhook handling with signature verification and event processing. Use when setting up webhook endpoints…jeremylongshorewritesvueVue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs…antfuwatchOSwatchOS development guidance including SwiftUI for Watch, Watch Connectivity, complications, and watch-specific UI patterns. Use…rshankraswritesagentsop-module-shape-selectionENHANCE overlay on [[dspy]] — the upfront rubric for choosing a reasoning SHAPE (Predict / ChainOfThought / ReAct /…agentsopeagentsop-streaming-outputEnhancement-overlay decision protocol for STREAMING the output of long-running LLM / agent runs from the *backend*, not just…agentsope
← Prev4 / 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