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 28,838codex 6,583cursor 4,244copilot 1,341windsurf 73cline 44
CategoryAI & Agents 4,188Data & Analytics 3,152Code Review & Quality 1,857Backend & API 1,737Security 1,624Workflow & Productivity 1,614Documentation 1,361Design & Presentation 1,327Content & Marketing 1,213Testing & QA 1,074DevOps & Cloud 783Databases 735Frontend 623Business & Finance 447Media & Video 349Other 7,916
1,013 found
148 · page 1 / 22
baoyu-designCreate polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages…JimLiuscriptsgpt-image-2面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用:(A) Garden 本地模式,通过 OpenAI 兼容接口直接出图并落盘;(B) Host-Native 模式,把本 Skill 当作提示词工程指引,把渲染好的 prompt…ConardLiscriptsfrontend-devFull-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive…vibeevalscriptsui-stylingCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first…Infrasity-Labsscriptsopen-design-homepageA pixel-faithful, self-contained mirror of the live open-design.ai homepage — an interactive React Three Fiber / Next.js hero…nexu-ioscriptsios-simulator-skill29 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation…conorluddyscriptsvscode-extension-builder-lawvableBuild VS Code extensions from scratch or convert existing JS/React/Vue apps. Supports commands, webviews (React/Vue), custom…lawve-aiscriptsgpt-imageUse this skill whenever a user asks to generate, create, draw, render, or edit images with GPT Image 2 / gpt-image-2…wuyoscarscriptsui-ux-pro-maxComprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color…sickn33scriptsuser-thoughtsPersist user decisions and project constraints to mdbase across sessions. Trigger on /user-thoughts or /ustht, or when the user…sickn33writesscriptsweb-clone网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、…nexu-ioscriptsoma-mobileMobile specialist for Flutter, React Native, and Swift native iOS development. Use for mobile app, Flutter, Dart, React Native…first-flukescriptslight-orchestratorCoordinate and recover multi-stage Light research projects through the canonical .light/passport.yaml state, stages 1-13…Light0305scriptspreline-theme-generatorGenerate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to…htmlstreamofficialscriptsrun-parityCompare React Doctor diagnostics for a GitHub pull request (PR) with Daytona. Use when asked to run parity, check a PR for…millioncoscriptsxhs-render-cards把已批准的小红书草稿、单一分析参考和真实产品素材变成可审查卡片:先完成 DAI 与 image plan,再按确定性、完整效果或可分离图层模式制作,机械验证 PNG 与清单并运行合规检查。精确文字和真实 UI 不交给模型猜测;AI 生图需要单独配置和授权。tsingyuaiscriptsfrontend-designTransform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and…jjyaoaoscriptssenior-frontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components…alirezarezvaniscriptsrender-ios-keyboardRender a static iOS QWERTY keyboard as inline HTML+CSS sized for the 750-wide 9:16 stage. Includes the 3-suggestion bar, alpha…gooseworks-aiscriptsshopify-developmentBuild Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid.sickn33scriptsmcp-apps-builderBuild, modify, debug, migrate, or review TypeScript MCP servers and interactive MCP Apps using mcp-use v2. Use for tools…mcp-usescriptswjs-converting-text-to-videoUse when the user wants a 王建硕-style WeChat article (article.md) turned into a narrated short MP4 video — TTS voiceover via 火山引擎…jianshuoscriptsdesign-systemCaptures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts +…alirezarezvaniscriptsgraphic-ebookCreates professionally designed B2B SaaS e-books in HTML + CSS, exported as print-ready PDF. 3–10 pages, 9 style presets, 11 page…Varnan-Techscriptsmd-documentConverts long-form markdown (specs, RFCs, reports, plans, explainers) into a single-file, lightly-interactive HTML document with…alirezarezvaniscriptsmd-reviewConverts a markdown PR writeup or code review (one with ```diff fenced blocks and severity-tagged >…alirezarezvaniscriptsnestjs-modular-monolithSpecialist in designing and implementing scalable modular monolith architectures using NestJS with DDD, Clean Architecture, and…tech-leads-clubscriptssap-extension-creatorCreate Super Agent Party (SAP) extensions. This skill should be used when users want to create, build, or scaffold a new…heshengtaoscriptsdynamo-troubleshootDiagnose failed or unhealthy Dynamo deployments. Use when pods, model-cache jobs, PVCs, workers, frontend/router health…NVIDIAscriptsexpo-uiBuild native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or…sickn33scriptsfrontend-slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to…mturacscriptsgraphic-gifCreates animated looping GIFs from CSS animations (default) or AI image-to-video. 800×800px default, 6 animation types, 4 style…Varnan-Techscriptsmarkdown-html-orchestratorUse when a user wants to convert any markdown file in their Claude project into a single-file, lightly-interactive HTML —…alirezarezvaniscriptssenior-frontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components…sickn33scriptsui-design-systemUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design…alirezarezvaniscriptswjs-overlaying-videoUse when the user has one or more video clips and wants to add post-production on top — AI-generated cover as first frame…jianshuoscriptsblog-imageAI image generation and editing for blog content powered by Gemini via MCP. Generates hero images, inline illustrations, social…AgriciDanielscriptsblog-imageAI image generation and editing for blog content powered by Gemini via MCP. Claude acts as Creative Director - interpreting…Infrasity-Labsscriptschatgpt-appsBuild, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when…Haohao-endscriptsfrontend-slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.sickn33scriptslanding-page-generatorGenerates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized…sickn33scriptsartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…ComposioHQscriptsartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…davepoonscriptsartifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…Prat011scriptsdesign-prototypeProduce an interactive single-file HTML design prototype using the REAL LobeHub design system (@lobehub/ui + antd + antd-style…lobehubscriptsweb-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…anthropicsscriptsweb-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React…ECNU-ICALKscriptsweb-artifacts-builderTo build powerful frontend claude.ai artifacts, follow these steps:sickn33scripts
1 / 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