Frontend skills for Claude Code

Find Frontend skills to make your AI agents smarter.

2479 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.

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.

design-exploration

phrazzld/claude-config

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

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.

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,

react-best-practices

vercel-labs/agent-skills

20.7k

This skill helps optimize React and Next.js performance by applying Vercel best practices across components, pages, and data fetching.

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

shadcn-baseui

thunderboltdev/shadcn-baseui

This skill enforces Base UI patterns in shadcn/ui projects, preventing incorrect Radix UI guidance and ensuring render prop usage.

frontend-slides

zarazhangrui/frontend-slides

326

This skill helps you create zero-dependency, animation-rich HTML slide decks from scratch or PPTs, delivering production-ready presentations with distinctive

web-perf

cloudflare/skills

157

This skill analyzes web performance using Chrome DevTools MCP to reveal Core Web Vitals, render-blocking resources, and optimization opportunities.

remotion-video-toolkit

shreefentsar/remotion-video-toolkit

This skill helps you generate production-ready Remotion videos by composing React components, animations, and data-driven rendering pipelines.

tailwind-v4-shadcn

secondsky/claude-skills

This skill helps you set up Tailwind v4 with shadcn/ui in React projects, ensuring dark mode, CSS variable architecture, and painless migration.

beautiful-mermaid

intellectronica/agent-skills

151

This skill renders Mermaid diagrams as SVG and PNG using Beautiful Mermaid, simplifying diagram visualization for flowcharts, sequences, and more.

swiftui-liquid-glass

steipete/agent-scripts

1.4k

This skill helps you implement, review, or improve SwiftUI Liquid Glass features using iOS 26+ API for cohesive, high-performance UIs.

turborepo

vercel/turborepo

29.6k

This skill guides configuring Turborepo monorepos by enforcing package-scoped tasks, proper caching, and root delegation for optimal parallel builds.

liquid-glass

rshankras/claude-code-apple-skills

This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.

expo-app-design

skillcreatorai/ai-agent-skills

620

This skill helps you design and implement cross-platform mobile apps using Expo Router, NativeWind, and React Native styling best practices.

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.

remotion

google-labs-code/stitch-skills

1.8k

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

tauri-architecture

dchuk/claude-code-tauri-skills

This skill explains Tauri architecture, core-shell design, IPC, and security, helping you architect desktop apps with a safe Rust backend and native webview

vite

antfu/skills

1.9k

This skill helps you configure Vite, optimize builds, and harness fast updates with TypeScript support and a rich plugin ecosystem.

feature-sliced-design

constellos/claude-code

This skill helps you implement Feature-Sliced Design in Next.js with a custom views layer, delivering scalable, maintainable architecture.

next-best-practices

vercel-labs/next-skills

565

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

tailwindcss-development

laravel/boost

3.3k

This skill helps you style components and pages with Tailwind CSS v3, enforcing project conventions, dark mode, and responsive patterns.

pwa-development

jwynia/agent-skills

This skill helps you implement Progressive Web App features for React and Svelte, enabling offline support, service workers, and installable web apps.

flutter-widget-generator

ehtbanton/claudeskillsrepo

This skill generates complete Flutter widget Dart files with state management and theming for immediate use

playground

anthropics/claude-plugins-official

5.4k

This skill creates interactive single-file HTML playgrounds with live preview and prompt output to explore topics visually.

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

pdf

openai/skills

8.6k

This skill helps you read, generate, and validate PDFs with reliable visuals and layout checks using Poppler, ReportLab, and pdfplumber.

immersive-visuals-router

bbeierle12/skill-mcp-claude

This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.

typescript-best-practices

vdustr/vp-claude-code-marketplace

This skill helps review and improve TypeScript code by applying best-practice patterns for types, interfaces, generics, and naming.

react-19

prowler-cloud/prowler

12.8k

This skill helps you write React 19 components and hooks efficiently by enforcing proper imports, server components-first patterns, and ref-as-prop usage.

e2e-studio-tests

supabase/supabase

97.6k

This skill runs Playwright e2e tests for the Studio app from the e2e/studio directory, enabling targeted and repeatable UI verification.

web-component-design

wshobson/agents

28.7k

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

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-api

smallnest/langgraphgo

162

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

Page 1 of 69