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
673720 · page 15 / 22
Fix Webpack 5 path polyfill error for dotenvResolves the 'Module not found: Error: Can't resolve path' error in Webpack 5 when using the dotenv package by installing…ECNU-ICALKfloating-uiWeb and App implementation guide for Floating UI. Trigger when user wants detached cards, elevated components, and a light, airy…sickn33flow-walkthroughVerify UI *workflow* correctness that a task list, code review, and static screenshots miss. Drives end-to-end user flows in the…rshankraswritesfolder-structure-blueprint-generatorComprehensive technology-agnostic prompt for analyzing and documenting project folder structures. Auto-detects project types…githubformVisual designer — brand identity, color systems, typography, design tokens, and UI design.jeremylongshorewritesform-validationReact Hook Form + Zod integration, multi-step forms, optimistic validation, server-side error mapping, and file upload patterns.vibeevalfrontend-ai-guideApplies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates. Use…shinprfrontend-api-integration-patternsProduction-ready patterns for integrating frontend applications with backend APIs, including race condition handling, request…sickn33frontend-architectureA portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules…sickn33frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…composio-communityfrontend-design-directionSet an ecc-specific frontend design direction for production UI work. Use when building or improving websites, dashboards…mturacfrontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…dtsolafrontend-designCreate distinctive, production-grade frontend interfaces.HezaoHezaowritesfrontend-designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic…Infrasity-Labsfrontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…shobcoderfrontend-designCreate distinctive, production-grade frontend interfaces with high design quality and accessible markup. Use this skill when the…waybarriosfrontend-devFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and…nexu-iofrontend-developerBuild React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and…sickn33frontend-excellenceModern frontend patterns for React Server Components, performance optimization, and Core Web Vitalsrohitg00frontend-lighthouseAdd a portable Lighthouse CI gate for production frontend builds with Core Web Vitals budgets, category floors, median runs, and…sickn33frontend-mobile-development-component-scaffoldYou are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant…sickn33frontend-optimistic-mutationsA portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer. Codifies…sickn33frontend-patternsFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.mturacfrontend-patternsReact, Next.js, TypeScript frontend patterns - component design, state management, performancevibeevalfrontend-seoA portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one…sickn33frontend-skillCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.nexu-iofrontend-slides-frontend-slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to…sickn33frontend-slidesGenerate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and…nexu-iofrontend-ui-engineeringBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating…addyosmanifrontend-ui-engineeringBuilds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing…sickn33fuzzFuzz React Doctor rules for crashes, slowness, false positives, and mutation-sensitive diagnostics with @react-doctor/fuzz. Use…millioncogage-rr-analyzerMeasurement System Analysis (MSA) skill for Gage R&R studies with variance component analysis and measurement adequacy assessmenta5c-aiwritesРазработка адаптивного главного меню в GameMakerСоздание системы главного меню в GameMaker с использованием Draw GUI, поддержкой локализации (динамическая ширина кнопок)…ECNU-ICALKgenerate_accessibility_guide_and_checksCreates structured accessibility guides and checks for UI components or pages, categorized by interaction type with crisp…ECNU-ICALKgenerate_accessibility_guideGenerates a structured accessibility guide and checklist for UI components or WCAG criteria, categorized into Keyboard…ECNU-ICALKgenerate_elemental_pentagram_svgGenerates a single-line HTML string containing an SVG pentagram composed of five independent elemental triangles with specific…ECNU-ICALKGenerate Minified HTML ChessboardGenerates a highly minified HTML/CSS representation of a chessboard position using specific Unicode characters and short tag…ECNU-ICALKGenerate Minified HTML Chessboard RepresentationGenerates a highly minified HTML/CSS string for a chessboard position using specific tags and placement rules within a strict…ECNU-ICALKgenerate_one_lined_pentagram_htmlGenerates a single-line HTML string rendering a pentagram (five-pointed star) inside a hollow circle using CSS transformations…ECNU-ICALKGenerate SEO-Optimized HTML Article and Index PagesGenerate static HTML pages for lottery prediction articles and an index page using Python, ensuring UTF-8 encoding and full SEO…ECNU-ICALKGenerate Wattpad-style Crossover Reaction StoriesWrites reaction fanfiction stories where characters from specified franchises gather to watch and react to content from another…ECNU-ICALKGestion d'état de panier React avec vérification de quantitéGérer l'ajout au panier avec une animation de chargement, un message de succès 'ARTICLE AJOUTÉ', et une vérification robuste…ECNU-ICALK项目代码修改与Git状态格式化输出根据用户反馈修改项目代码(智能处理路径修正),展示修改内容,并严格按 [git status -z] 格式输出改动文件列表。ECNU-ICALKgpt-tasteUse when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.sickn33gpt-tasteElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page…Leonxlnx构建Gradio音频分离的FastAPI后端与React前端指导构建一个基于FastAPI的后端服务,用于代理Gradio音频分离API,并使用React和Ant Design构建前端页面,实现无跨域限制的文件上传、音频处理及结果返回。ECNU-ICALKgsap-coreOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia()…nexu-iogsap-frameworksOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when…nexu-io
← Prev15 / 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