Frontend Development Agent Skills

956 skills for frontend development — ranked by real installs, refreshed continuously, never faked.

# Skill Installs
1 frontend-design anthropics/skills Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direc… 695k installs 2 vercel-react-best-practices vercel-labs/agent-skills React and Next.js performance optimization across 70 rules prioritized by impact. 573k installs 3 remotion-best-practices remotion-dev/skills Domain-specific knowledge base for building videos with Remotion and React. 440k installs 4 design-taste-frontend leonxlnx/taste-skill Concise, distinctive landing pages and portfolios that avoid templated AI aesthetics. 280k installs 5 vercel-composition-patterns vercel-labs/agent-skills React composition patterns for scaling components and avoiding boolean prop proliferation. 259k installs 6 high-end-visual-design leonxlnx/taste-skill Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography. 218k installs 7 stitch-design-taste leonxlnx/taste-skill Generates premium, anti-generic design system files for Google Stitch screen generation. 184k installs 8 vercel-react-native-skills vercel-labs/agent-skills React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. 172k installs 9 image-to-code leonxlnx/taste-skill Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations. 165k installs 10 imagegen-frontend-web leonxlnx/taste-skill Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section. 165k installs 11 imagegen-frontend-mobile leonxlnx/taste-skill Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction. 161k installs 12 design-taste-frontend-v1 leonxlnx/taste-skill Agent skill from leonxlnx/taste-skill. 123k installs 13 convex-quickstart get-convex/agent-skills Scaffold a new Convex project or integrate Convex into an existing frontend app. 90k installs 14 convex-create-component get-convex/agent-skills Design and build isolated, reusable Convex backend components with clear boundaries and app-facing wrappers. 89k installs 15 vercel-react-view-transitions vercel-labs/agent-skills Native browser animations for React UI state changes using the View Transition API. 84k installs 16 web-artifacts-builder anthropics/skills Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Ta… 84k installs 17 tailwind heygen-com/hyperframes Tailwind v4 browser-runtime patterns for HyperFrames video compositions with deterministic rendering. 71k installs 18 theme-factory anthropics/skills Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 1… 71k installs 19 gws-gmail-send googleworkspace/cli Send emails via Gmail with support for attachments, HTML formatting, and send-as aliases. 64k installs 20 building-native-ui expo/skills Complete guide for building native Expo apps with routing, styling, components, and platform conventions. 59k installs 21 firecrawl-build-scrape firecrawl/skills Single-page content extraction from known URLs in markdown, HTML, links, or screenshots. 56k installs 22 tailwind-design-system wshobson/agents CSS-first design system framework for Tailwind v4 with tokens, components, and responsive patterns. 56k installs 23 typescript-advanced-types wshobson/agents Advanced TypeScript type system patterns for building type-safe, reusable components and utilities. 55k installs 24 opentui msmps/opentui-skill Build terminal user interfaces with three framework options: imperative core API, React reconciler, or Solid reconciler. 52k installs 25 frontend-design anthropics/claude-code Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. 52k installs 26 react:components google-labs-code/stitch-skills Agent skill from google-labs-code/stitch-skills. 50k installs 27 enhance-prompt google-labs-code/stitch-skills Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. 50k installs 28 shadcn-ui google-labs-code/stitch-skills Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. 46k installs 29 expo-tailwind-setup expo/skills Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. 45k installs 30 huashu-design alchaincyf/huashu-design Huashu-Design · HTML-first prototyping, animations, and design direction for AI agents. 39k installs 31 gsap-react greensock/gsap-skills Official GSAP integration for React with useGSAP hook, automatic cleanup, and scoped selectors. 33k installs 32 gsap-frameworks greensock/gsap-skills GSAP animation setup for Vue, Svelte, Nuxt, and other component frameworks with lifecycle management. 32k installs 33 baoyu-post-to-wechat jimliu/baoyu-skills Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or pla… 32k installs 34 vue antfu/skills Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/de… 30k installs 35 baoyu-markdown-to-html jimliu/baoyu-skills Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, Mermaid (rendered to PNG via he… 29k installs 36 stitch-design google-labs-code/stitch-skills Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. 25k installs 37 nextjs-app-router-patterns wshobson/agents Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development. 25k installs 38 vue-best-practices hyf0/vue-skills Vue 3 development with Composition API, 25k installs 39 vue-best-practices antfu/skills MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach.… 21k installs 40 react-native-best-practices callstackincubator/agent-skills Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Ap… 21k installs 41 nuxt antfu/skills Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, use… 20k installs 42 shadcn-ui giuseppe-trisciuoglio/developer-kit Complete guide to building accessible React components with shadcn/ui, Radix UI, and Tailwind CSS. 19k installs 43 vueuse-functions antfu/skills Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features. 19k installs 44 laravel-specialist jeffallan/claude-skills Build and configure Laravel 10+ applications with Eloquent models, Sanctum auth, queues, and Livewire components. 19k installs 45 html-ppt lewislulu/html-ppt-skill html ppt 17k installs 46 vue-router-best-practices antfu/skills Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions. 17k installs 47 baseline-ui ibelick/ui-skills Enforces design and interaction constraints to prevent common UI anti-patterns in Tailwind CSS projects. 16k installs 48 pinia antfu/skills Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actio… 16k installs 49 frontend-ui-engineering addyosmani/agent-skills Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing… 16k installs 50 fixing-accessibility ibelick/ui-skills Audit and fix HTML accessibility issues across ARIA labels, keyboard navigation, focus management, and WCAG compliance. 15k installs 51 responsive-design wshobson/agents Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. 15k installs 52 taste-design google-labs-code/stitch-skills Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. 14k installs 53 vue-debug-guides hyf0/vue-skills Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issue… 14k installs 54 ai-elements vercel/ai-elements Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. 14k installs 55 unocss antfu/skills UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or wor… 14k installs 56 tailwind-css-patterns giuseppe-trisciuoglio/developer-kit Utility-first CSS framework patterns for responsive, component-based styling with Tailwind v4.1+. 14k installs 57 api-and-interface-design addyosmani/agent-skills Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating RE… 14k installs 58 fixing-metadata ibelick/ui-skills Audit and fix HTML metadata including titles, descriptions, canonical URLs, Open Graph tags, and structured data. 13k installs 59 react-native-design wshobson/agents Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations. 12k installs 60 baoyu-diagram jimliu/baoyu-skills Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diag… 12k installs 61 design-system-patterns wshobson/agents Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. 12k installs 62 slidev antfu/skills Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations,… 12k installs 63 react-state-management wshobson/agents Modern React state management with Redux Toolkit, Zustand, Jotai, and React Query for every state category. 12k installs 64 react-native-architecture wshobson/agents Production-ready React Native patterns with Expo, navigation, offline-first architecture, and native module integration. 12k installs 65 agentation benjitaylor/agentation Agentation visual feedback toolbar for Next.js development with AI agent annotation syncing. 11k installs 66 scrape brightdata/skills Fetch clean markdown, HTML, JSON, or screenshots from one or more URLs via Bright Data CLI. 11k installs 67 clerk-react-patterns clerk/skills clerk react patterns 10k installs 68 web-component-design wshobson/agents Modern framework patterns for building reusable, maintainable UI components across React, Vue, and Svelte. 10k installs 69 vue-best-practices vuejs-ai/skills vue best practices 10k installs 70 vitepress antfu/skills VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Ma… 10k installs 71 vue-pinia-best-practices vuejs-ai/skills vue pinia best practices 10k installs 72 html-slides claude-office-skills/skills html slides 10k installs 73 react-modernization wshobson/agents react modernization 9.9k installs 74 angular-component analogjs/angular-skills Build standalone Angular v20+ components with signals, OnPush detection, and modern control flow. 9.8k installs 75 context7 intellectronica/agent-skills Retrieve up-to-date documentation for software libraries, frameworks, and components via the Context7 API. This skill should be u… 9k installs 76 frontend-code-review langgenius/dify frontend code review 8.9k installs 77 frontend-patterns affaan-m/everything-claude-code frontend patterns 8.8k installs 78 emblem-ai-react emblemcompany/agent-skills emblem ai react 8.8k installs 79 clerk-react-router-patterns clerk/skills clerk react router patterns 8.4k installs 80 vue-debug-guides vuejs-ai/skills vue debug guides 8.3k installs 81 vue-router-best-practices vuejs-ai/skills vue router best practices 8.3k installs 82 create-adaptable-composable vuejs-ai/skills create adaptable composable 8.3k installs 83 tailwind-4-docs lombiq/tailwind-agent-skills tailwind 4 docs 8k installs 84 typescript-react-reviewer dotneet/claude-code-marketplace typescript react reviewer 7.9k installs 85 argent-react-native-app-workflow software-mansion/argent Agent skill from software-mansion/argent. 7.8k installs 86 tailwindcss-advanced-layouts josiahsiegel/claude-plugin-marketplace tailwindcss advanced layouts 7.7k installs 87 clerk-vue-patterns clerk/skills clerk vue patterns 7.5k installs 88 react-email resend/react-email react email 7.3k installs 89 frontend-slides affaan-m/everything-claude-code frontend slides 7.1k installs 90 upgrading-react-native callstackincubator/agent-skills Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrat… 7.1k installs 91 rivetkit-client-react rivet-dev/skills rivetkit client react 7.1k installs 92 vue-options-api-best-practices vuejs-ai/skills vue options api best practices 7k installs 93 vue onmax/nuxt-skills vue 6.9k installs 94 nextjs-best-practices sickn33/antigravity-awesome-skills nextjs best practices 6.7k installs 95 svelte-code-writer sveltejs/ai-tools svelte code writer 6.7k installs 96 vue-jsx-best-practices vuejs-ai/skills vue jsx best practices 6.6k installs 97 tailwind-v4-shadcn secondsky/claude-skills tailwind v4 shadcn 6.5k installs 98 frontend-design smithery.ai Agent skill from smithery.ai. 5.6k installs 99 dbs-wechat-html dontbesilent2025/dbskill Agent skill from dontbesilent2025/dbskill. 5.2k installs 100 nextjs-turbopack affaan-m/everything-claude-code nextjs turbopack 5k installs

Showing the top 100 of 956 — browse and filter all agent skills.

The best new frontend development skills, weekly

One email every week with the tools worth your time — plus Agentic Toolbelt: 100 Worth Stealing free when you join.

Frequently asked questions

What are the best frontend development skills for coding agents?

Ranked by real installs, the current top frontend development skills are: frontend-design (695k installs), vercel-react-best-practices (573k installs), remotion-best-practices (440k installs), design-taste-frontend (280k installs), vercel-composition-patterns (259k installs).

How do I install a frontend development skill?

Copy the install command from the skill's page — for example: npx -y skills add https://github.com/anthropics/skills --skill frontend-design --agent claude-code. Skills follow the open SKILL.md standard, so they work with Claude Code, Codex, Cursor, Gemini CLI, and other compatible agents.

How many frontend development skills are listed here?

956 frontend development skills are currently tracked, with metrics (installs, stars, last-update dates) sourced from GitHub and package registries and refreshed continuously.

Related categories