Frontend skills for Claude Code

Find Frontend skills to make your AI agents smarter.

2879 skills available

Official only

anthropics/skills

This skill helps you design production-grade frontend interfaces with bold aesthetics and polished code for components, pages, and apps.

web-design-guidelines

vercel-labs/agent-skills

22.8k

This skill reviews UI code against Web Interface Guidelines and outputs concise file:line findings to improve accessibility and consistency.

dashboard-creator

mhattingpete/claude-skills-marketplace

269

This skill helps you generate interactive HTML dashboards with KPI cards and charts for metrics visualization and monitoring.

agent-browser

vercel-labs/agent-browser

10.8k

This skill automates web navigation, form filling, and data extraction using browser interactions to boost testing and data gathering efficiency.

mobile-app-design-mastery

anilcancakir/my-claude-code

This skill delivers production-grade mobile UI design guidance for Flutter and native apps, improving touch targets, typography, spacing, and platform-aware

frontend-code-review

langgenius/dify

127.4k

This skill helps you review frontend code efficiently by inspecting pending changes or targeted files using a comprehensive checklist for quality, performance,

threejs-skills

sickn33/antigravity-awesome-skills

10.4k

This skill helps you create high-quality 3D scenes and interactive visuals using Three.js with CDN-r128 best practices.

ui-extractor

alpex-ai/ui-extractor

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

shopify-apps

omer-metin/skills-for-antigravity

This skill helps you implement Shopify app patterns using Remix/React Router, App Bridge, Polaris, and GraphQL Admin API with best practices.

ios-design

pokotieru-mashumaro/claude-code-template-ios-backend

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

flutter-architecture

madteacher/mad-agents-skills

This skill guides structuring Flutter apps with MVVM, feature-first organization, and clean layers to improve scalability, maintainability, and team

chrome-devtools

github/awesome-copilot

19.4k

This skill enables powerful browser automation and debugging with Chrome DevTools, capturing screenshots, profiling performance, and analyzing network traffic

custom-ui

clerk/skills

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

shopify-expert

jeffallan/claude-skills

110

This skill helps you build Shopify themes, apps, and headless storefronts with Liquid, Storefront API, and optimized checkout flows.

next-best-practices

vercel-labs/next-skills

709

This skill helps you apply Next.js best practices across routing, data handling, and optimization to improve reliability and performance.

frontend-design

everyinc/compound-engineering-plugin

9.6k

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

vitest

supabase/supabase

97.6k

This skill helps you write fast, reliable tests with Vitest by leveraging Vite, Jest-compatible API, and smart coverage.

ui-ux-design

arvindand/agent-skills

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

react-native-patterns

amnadtaowsoam/cerebraskills

This skill helps you apply React Native development patterns to structure projects, manage navigation, state, and styling for scalable cross-platform apps.

demo-video

openclaw/skills

2.6k

This skill helps you create polished product demo videos by automating browser interactions and encoding frames into shareable formats.

frontend-design

vudovn/antigravity-kit

5.7k

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

gsap-fundamentals

bbeierle12/skill-mcp-claude

This skill helps you learn and apply core GSAP animation concepts like tweens, timelines, and easing to create smooth web animations.

baseline-ui

ibelick/ui-skills

891

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

shadcn-ui

madappgang/claude-code

215

This skill helps you implement accessible shadcn/ui components with Tailwind, Vite, and TanStack Router setup for rapid, consistent UIs.

playwright

openai/skills

8.6k

This skill automates real browser tasks via the Playwright CLI from the terminal, enabling navigation, form filling, and artifact capture.

project-guidelines-example

affaan-m/everything-claude-code

46.5k

This skill provides project-guidelines context and patterns to accelerate consistent architecture, testing, and deployment across a specific codebase.

tailwind-css-patterns

giuseppe-trisciuoglio/developer-kit

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

element-plus-vue3

partme-ai/full-stack-skills

This skill guides you through installing, configuring, and using Element Plus with Vue 3, including theming and API reference.

aceternity-ui

secondsky/claude-skills

This skill helps you implement Aceternity UI components in Next.js projects with Tailwind and Framer Motion for stunning animated interfaces.

vue3-best-practices

eva813/vue3-skills

This skill helps you apply Vue 3 performance best practices and Composition API patterns across components and state management.

flutter-api

smallnest/langgraphgo

162

This skill provides a comprehensive Flutter API reference guide that accelerates cross platform development by detailing widgets, layout, animations,

competitive-intelligence

anthropics/knowledge-work-plugins

7.4k

This skill helps you research competitors and generate an interactive HTML battlecard with clickable tabs and a comparison matrix for winning deals.

ui-ux-pro-max

jmerta/codex-skills

105

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

vue-best-practices

vuejs-ai/skills

1.9k

This skill helps you implement Vue 3 best practices with Composition API, TS, and structured components for maintainable, high-performance apps.

flags

vercel/next.js

138.1k

This skill guides adding or modifying Next.js experimental feature flags end-to-end, covering type declarations, zod schemas, build-time injection, and runtime

shadcn-vue

noartem/skills

This skill helps you scaffold and configure shadcn-vue projects with Tailwind, Vite, and TypeScript for accessible UI components.

Page 1 of 80