Frontend Development Skills
2,929 Frontend Development skills for Claude Code, ranked by installs
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageShowing 1 to 80 of 2,929
skills.sh installs1
nextjs-react-redux-typescript-cursor-rulesmindrally/skillsComprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.868skills.sh installs
nextjs-react-redux-typescript-cursor-rulesmindrally/skillsComprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.868skills.sh installs2
syncfusion-react-dashboard-layoutsyncfusion/react-ui-components-skillsBuild responsive, interactive dashboard layouts with Syncfusion React Dashboard Layout component. Implement draggable and resizable panels, responsive grid syst735skills.sh installs
syncfusion-react-dashboard-layoutsyncfusion/react-ui-components-skillsBuild responsive, interactive dashboard layouts with Syncfusion React Dashboard Layout component. Implement draggable and resizable panels, responsive grid syst735skills.sh installs3
tailwind-css-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, an18Kskills.sh installs
tailwind-css-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, an18Kskills.sh installs4
tailwind-v4-shadcnsecondsky/claude-skills| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, imp8.2Kskills.sh installs
tailwind-v4-shadcnsecondsky/claude-skills| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, imp8.2Kskills.sh installs5
experience-ui-bundle-frontend-generateforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, secti5.3Kskills.sh installs
experience-ui-bundle-frontend-generateforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, secti5.3Kskills.sh installs6nextjs-react-typescriptmindrally/skillsExpert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind5.3Kskills.sh installs
nextjs-react-typescriptmindrally/skillsExpert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind5.3Kskills.sh installs7building-ui-bundle-frontendforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors,3.7Kskills.sh installs
building-ui-bundle-frontendforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors,3.7Kskills.sh installs8
tailwind-v4-shadcnjezweb/claude-skillsSet up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, au2.7Kskills.sh installs
tailwind-v4-shadcnjezweb/claude-skillsSet up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, au2.7Kskills.sh installs9
shadcn-sveltevercel-labs/json-renderPre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte cata1.2Kskills.sh installs
shadcn-sveltevercel-labs/json-renderPre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte cata1.2Kskills.sh installs10
nextjs-shadcnlaguagu/claude-code-nextjs-skillsCreates Next.js frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns. Al845skills.sh installs
nextjs-shadcnlaguagu/claude-code-nextjs-skillsCreates Next.js frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns. Al845skills.sh installs11
shadcn-component-reviewmattbx/shadcn-skillsReview custom components and layouts against shadcn design patterns, visual style conventions (Vega, Nova, Maia, Lyra, Mira), composition rules, design token us664skills.sh installs
shadcn-component-reviewmattbx/shadcn-skillsReview custom components and layouts against shadcn design patterns, visual style conventions (Vega, Nova, Maia, Lyra, Mira), composition rules, design token us664skills.sh installs12
frontend-ui-ux-designdauquangthanh/hanoi-rainbowCreates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementatio541skills.sh installs
frontend-ui-ux-designdauquangthanh/hanoi-rainbowCreates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementatio541skills.sh installs13
tailwind-responsive-uipproenca/dot-skillsResponsive UI transformation patterns for Tailwind CSS applications. This skill should be used when making interfaces responsive, refactoring layouts for multip470skills.sh installs
tailwind-responsive-uipproenca/dot-skillsResponsive UI transformation patterns for Tailwind CSS applications. This skill should be used when making interfaces responsive, refactoring layouts for multip470skills.sh installs14tailwind-ui-refactorpproenca/dot-skillsRefactoring UI design patterns for Tailwind CSS applications. This skill should be used when writing, reviewing, or refactoring HTML with Tailwind utility class467skills.sh installs
tailwind-ui-refactorpproenca/dot-skillsRefactoring UI design patterns for Tailwind CSS applications. This skill should be used when writing, reviewing, or refactoring HTML with Tailwind utility class467skills.sh installs15
frontend-tailwind-best-practicessergiodxa/agent-skillsTailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.465skills.sh installs
frontend-tailwind-best-practicessergiodxa/agent-skillsTailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.465skills.sh installs16
tailwind-cssmanutej/luxor-claude-marketplaceUtility-first CSS framework for rapid UI development with responsive design, component patterns, and production optimization. Master core utilities, dark mode, 463skills.sh installs
tailwind-cssmanutej/luxor-claude-marketplaceUtility-first CSS framework for rapid UI development with responsive design, component patterns, and production optimization. Master core utilities, dark mode, 463skills.sh installs17
shadcn-ui-expertmajesteitbart/talentmatcherDevelop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI comp445skills.sh installs
shadcn-ui-expertmajesteitbart/talentmatcherDevelop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI comp445skills.sh installs18nuxt-ui-v4secondsky/claude-skillsNuxt UI v4 component library for building Nuxt v4 applications. 125+ accessible components with Tailwind v4, Reka UI, dark mode, theming. Use for dashboards, fo421skills.sh installs
nuxt-ui-v4secondsky/claude-skillsNuxt UI v4 component library for building Nuxt v4 applications. 125+ accessible components with Tailwind v4, Reka UI, dark mode, theming. Use for dashboards, fo421skills.sh installs19
frontend-ui-animatorjulianromli/ai-skillsAnalyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/c342skills.sh installs
frontend-ui-animatorjulianromli/ai-skillsAnalyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/c342skills.sh installs20
nextjs-shadcn-builderovachiever/droid-tingsBuild new Next.js applications or migrate existing frontends (React, Vue, Angular, vanilla JS, etc.) to Next.js + shadcn/ui with systematic analysis and convers263skills.sh installs
nextjs-shadcn-builderovachiever/droid-tingsBuild new Next.js applications or migrate existing frontends (React, Vue, Angular, vanilla JS, etc.) to Next.js + shadcn/ui with systematic analysis and convers263skills.sh installs21
react-frontend-experthieutrtr/ai1-skillsReact/TypeScript frontend implementation patterns. Use during the implementation phase when creating or modifying React components, custom hooks, pages, data fe206skills.sh installs
react-frontend-experthieutrtr/ai1-skillsReact/TypeScript frontend implementation patterns. Use during the implementation phase when creating or modifying React components, custom hooks, pages, data fe206skills.sh installs22
tailwind-ui-patternsautohandai/community-skillsTailwind CSS v4 patterns, component styling, and responsive design174skills.sh installs
tailwind-ui-patternsautohandai/community-skillsTailwind CSS v4 patterns, component styling, and responsive design174skills.sh installs23
frontend-ui-engineeringaddyosmani/agent-skillsBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layout77.8Kskills.sh installs
frontend-ui-engineeringaddyosmani/agent-skillsBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layout77.8Kskills.sh installs24
frontend-design-ui-uxulpi-io/skillsProduce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, s2.4Kskills.sh installs
frontend-design-ui-uxulpi-io/skillsProduce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, s2.4Kskills.sh installs25frontend-react-best-practicessergiodxa/agent-skillsReact performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Trigger1.2Kskills.sh installs
frontend-react-best-practicessergiodxa/agent-skillsReact performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Trigger1.2Kskills.sh installs26
tailwind-cssbobmatnyc/claude-mpm-skillsTailwind CSS utility-first framework for rapid UI development with responsive design and dark mode1.2Kskills.sh installs
tailwind-cssbobmatnyc/claude-mpm-skillsTailwind CSS utility-first framework for rapid UI development with responsive design and dark mode1.2Kskills.sh installs27
responsive-layout-builderonewave-ai/claude-skillsBuild responsive layouts with CSS Grid, Flexbox, and container queries. Use when creating responsive designs, fixing layout issues, or building mobile-first lay370skills.sh installs
responsive-layout-builderonewave-ai/claude-skillsBuild responsive layouts with CSS Grid, Flexbox, and container queries. Use when creating responsive designs, fixing layout issues, or building mobile-first lay370skills.sh installs28
angular-tailwindoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular and Tailwind CSS, Tailwind configuration, utility-first CSS, or styling Angular applications with Tailwind.245skills.sh installs
angular-tailwindoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular and Tailwind CSS, Tailwind configuration, utility-first CSS, or styling Angular applications with Tailwind.245skills.sh installs29
Frontend Responsive Design Standardsam-will/codex-skillsBuild responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use 0skills.sh installs
Frontend Responsive Design Standardsam-will/codex-skillsBuild responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use 0skills.sh installs30
angular-componentanalogjs/angular-skillsCreate modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detect11.7Kskills.sh installs
angular-componentanalogjs/angular-skillsCreate modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detect11.7Kskills.sh installs31
shadcn-ui-flutternank1ro/flutter-shadcn-uiA comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and mo720skills.sh installs
shadcn-ui-flutternank1ro/flutter-shadcn-uiA comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and mo720skills.sh installs32
react-component-architectureaj-geddes/useful-ai-promptsDesign scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and ma683skills.sh installs
react-component-architectureaj-geddes/useful-ai-promptsDesign scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and ma683skills.sh installs33react-component-generatoronewave-ai/claude-skillsGenerate React components with TypeScript, proper props, hooks, and accessibility. Use when creating new React components, UI elements, or refactoring existing 332skills.sh installs
react-component-generatoronewave-ai/claude-skillsGenerate React components with TypeScript, proper props, hooks, and accessibility. Use when creating new React components, UI elements, or refactoring existing 332skills.sh installs34
tailwind-responsive-designthebushidocollective/hanUse when building responsive layouts and mobile-first designs with Tailwind CSS. Covers breakpoints, container queries, and responsive utilities.235skills.sh installs
tailwind-responsive-designthebushidocollective/hanUse when building responsive layouts and mobile-first designs with Tailwind CSS. Covers breakpoints, container queries, and responsive utilities.235skills.sh installs35
shadcn-svelte Componentsexceptionless/exceptionlessUI components with shadcn-svelte and bits-ui. Component patterns, trigger snippets, dialog handling, and accessibility. Keywords: shadcn-svelte, bits-ui, Button0skills.sh installs
shadcn-svelte Componentsexceptionless/exceptionlessUI components with shadcn-svelte and bits-ui. Component patterns, trigger snippets, dialog handling, and accessibility. Keywords: shadcn-svelte, bits-ui, Button0skills.sh installs
38building-ui-bundle-frontendforcedotcom/afv-librarybuilding ui bundle frontend1.5Kskills.sh installs
building-ui-bundle-frontendforcedotcom/afv-librarybuilding ui bundle frontend1.5Kskills.sh installs39
react-nextjs-developmentsickn33/antigravity-awesome-skillsreact nextjs development1.3Kskills.sh installs
react-nextjs-developmentsickn33/antigravity-awesome-skillsreact nextjs development1.3Kskills.sh installs
43frontend-mobile-development-component-scaffoldsickn33/antigravity-awesome-skillsfrontend mobile development component scaffold442skills.sh installs
frontend-mobile-development-component-scaffoldsickn33/antigravity-awesome-skillsfrontend mobile development component scaffold442skills.sh installs44bun-react-ssrsecondsky/claude-skillsUse when building server-rendered React with Bun, including streaming SSR, hydration, renderToString, or custom SSR without a framework.330skills.sh installs
bun-react-ssrsecondsky/claude-skillsUse when building server-rendered React with Bun, including streaming SSR, hydration, renderToString, or custom SSR without a framework.330skills.sh installs
48
vue-jsx-best-practicesvuejs-ai/skillsJSX syntax in Vue (e.g., class vs className, JSX plugin config).11.9Kskills.sh installs
vue-jsx-best-practicesvuejs-ai/skillsJSX syntax in Vue (e.g., class vs className, JSX plugin config).11.9Kskills.sh installs49
ui-to-vueaffaan-m/eccUse when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.5.4Kskills.sh installs
ui-to-vueaffaan-m/eccUse when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.5.4Kskills.sh installs50
tailwind-csspaulrberg/agent-skillsUse for Tailwind v4 styling: add/fix classes, configure or migrate Tailwind, use tailwind-variants, or tw-animate-css.3Kskills.sh installs
tailwind-csspaulrberg/agent-skillsUse for Tailwind v4 styling: add/fix classes, configure or migrate Tailwind, use tailwind-variants, or tw-animate-css.3Kskills.sh installs
53
hyva-compile-tailwind-csshyva-themes/hyva-ai-toolsCompile Tailwind CSS for Hyvä themes in Magento 2. Use when the user wants to build styles, generate CSS, compile Tailwind, run Tailwind, or create production/d1.3Kskills.sh installs
hyva-compile-tailwind-csshyva-themes/hyva-ai-toolsCompile Tailwind CSS for Hyvä themes in Magento 2. Use when the user wants to build styles, generate CSS, compile Tailwind, run Tailwind, or create production/d1.3Kskills.sh installs54hyva-ui-componenthyva-themes/hyva-ai-toolsApply Hyva UI template-based components to a Hyvä theme. This skill should be used when the user wants to add, install, or apply a Hyva UI component (such as he1.3Kskills.sh installs
hyva-ui-componenthyva-themes/hyva-ai-toolsApply Hyva UI template-based components to a Hyvä theme. This skill should be used when the user wants to add, install, or apply a Hyva UI component (such as he1.3Kskills.sh installs56syncfusion-react-diagramsyncfusion/react-ui-components-skillsCreate and customize visual diagrams in React using Syncfusion Diagrams. Trigger for requests involving React component setup, nodes and connectors, flowcharts,746skills.sh installs
syncfusion-react-diagramsyncfusion/react-ui-components-skillsCreate and customize visual diagrams in React using Syncfusion Diagrams. Trigger for requests involving React component setup, nodes and connectors, flowcharts,746skills.sh installs63syncfusion-angular-pivot-tablesyncfusion/angular-ui-components-skillsUse this skill when users ask how to build or customize Syncfusion PivotView pivot tables in Angular. Trigger for Angular pivot grid/OLAP, aggregation, data bin319skills.sh installs
syncfusion-angular-pivot-tablesyncfusion/angular-ui-components-skillsUse this skill when users ask how to build or customize Syncfusion PivotView pivot tables in Angular. Trigger for Angular pivot grid/OLAP, aggregation, data bin319skills.sh installs
65
ui-ux-pro-maxbinjuhor/shadcn-larUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types222skills.sh installs
ui-ux-pro-maxbinjuhor/shadcn-larUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types222skills.sh installs66
frontend-css-patternsmajesticlabs-dev/majestic-marketplaceFramework-agnostic CSS patterns for typography, color, motion, and spatial composition.182skills.sh installs
frontend-css-patternsmajesticlabs-dev/majestic-marketplaceFramework-agnostic CSS patterns for typography, color, motion, and spatial composition.182skills.sh installs67
frontend-vue-developmenttencentblueking/bk-ci编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。179skills.sh installs
frontend-vue-developmenttencentblueking/bk-ci编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。179skills.sh installs68syncfusion-react-timepickersyncfusion/react-ui-components-skillsImplement Syncfusion React TimePicker component for user time selection, scheduling interfaces, and appointment booking. Use this skill whenever users need to a167skills.sh installs
syncfusion-react-timepickersyncfusion/react-ui-components-skillsImplement Syncfusion React TimePicker component for user time selection, scheduling interfaces, and appointment booking. Use this skill whenever users need to a167skills.sh installs69ui-ux-pro-maxbinjuhor/shadcn-larFrontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design deci0skills.sh installs
ui-ux-pro-maxbinjuhor/shadcn-larFrontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design deci0skills.sh installs70
flutter-build-responsive-layoutflutter/agent-pluginsUse `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on bot45.1Kskills.sh installs
flutter-build-responsive-layoutflutter/agent-pluginsUse `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on bot45.1Kskills.sh installs71flutter-build-responsive-layoutflutter/skillsflutter build responsive layout23.2Kskills.sh installs
flutter-build-responsive-layoutflutter/skillsflutter build responsive layout23.2Kskills.sh installs72angular-ssranalogjs/angular-skillsImplement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handli3.9Kskills.sh installs
angular-ssranalogjs/angular-skillsImplement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handli3.9Kskills.sh installs73
react-component-performancedimillian/skillsAnalyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or impr1.1Kskills.sh installs
react-component-performancedimillian/skillsAnalyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or impr1.1Kskills.sh installs74shadcn-component-discoverymattbx/shadcn-skillsDiscover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, mo761skills.sh installs
shadcn-component-discoverymattbx/shadcn-skillsDiscover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, mo761skills.sh installs76
react-ui-patternsdavila7/claude-code-templatesModern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.529skills.sh installs
react-ui-patternsdavila7/claude-code-templatesModern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.529skills.sh installs77frontend-react-router-best-practicessergiodxa/agent-skillsReact Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on ta402skills.sh installs
frontend-react-router-best-practicessergiodxa/agent-skillsReact Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on ta402skills.sh installs78
vue-nuxtmartinholovsky/claude-skills-generatorVue 3 and Nuxt 3 for JARVIS AI Assistant UI development with security-first patterns227skills.sh installs
vue-nuxtmartinholovsky/claude-skills-generatorVue 3 and Nuxt 3 for JARVIS AI Assistant UI development with security-first patterns227skills.sh installs79angular-pwaoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular PWA, service workers, offline support, manifest, or web app installation in Angular applications.190skills.sh installs
angular-pwaoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular PWA, service workers, offline support, manifest, or web app installation in Angular applications.190skills.sh installs80angular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installs
angular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installsQuestions
What are Claude Code frontend skills?
Claude Code frontend skills are reusable instructions that teach Claude how to work with frontend frameworks like React, Next.js, and Angular. They help Claude write components, manage state, and follow framework best practices.
How do I install a frontend skill for Claude Code?
Run the install command shown on each skill card, e.g. `npx skills add owner/repo --skill skill-name`. The skill is instantly available in your Claude Code sessions.
Which frontend frameworks are supported?
You'll find skills for React, Next.js, Angular, Vue, Svelte, Astro, Tailwind CSS, and more. The community adds new framework skills regularly.
All 2929 Frontend Development skills →