Frontend skills for Claude Code

Find Frontend skills to make your AI agents smarter.

2902 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

23.0k

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

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,

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.

ui-extractor

alpex-ai/ui-extractor

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

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

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.

shadcn-vue

noartem/skills

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

openclaw-world

openclaw/skills

2.6k

This skill enables agents to create or join a synchronized 3D lobster room for real-time collaboration, chat, and coordinated actions.

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.

context7-mcp

upstash/context7

49.2k

This skill fetches up-to-date library documentation and generates code examples for frameworks like React, Next.js, Prisma, and Supabase.

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.

pwdebug

dcjanus/prompts

This skill enables debugging a real browser via a Playwright-based CLI, reusing a single session to navigate, evaluate JS, screenshot, and inspect elements.

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.

vueuse

onmax/nuxt-skills

431

This skill helps you leverage VueUse composables for reactive state, browser APIs, and sensors, reducing custom code and ensuring SSR safety.

frontend-design

vipulgupta2048/codex-skills

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

tanstack-query

madappgang/claude-code

215

This skill helps you master TanStack Query v5 patterns for server state, including keys, transforms, suspense, and optimistic mutations.

web-forms-vee-validate

agents-inc/skills

This skill helps you implement Vue 3 forms with VeeValidate v4 using useForm, defineField, useField, and useFieldArray for robust validation.

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.

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.

flutter-skill

thruthesky/flutter-skill

This skill guides Flutter app development with universal UI/UX, state management, networking, and API integration to ensure consistent, reusable patterns.

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

vueuse-functions

vueuse/skills

167

This skill guides selecting and implementing VueUse composables to build concise, maintainable Vue.js / Nuxt features with optimal performance.

playwright

prowler-cloud/prowler

12.8k

This skill helps you write robust Playwright E2E tests using Page Object Model, precise selectors, and MCP-guided exploration.

next-best-practices

vercel-labs/next-skills

733

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

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.

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.

frontend-design

everyinc/compound-engineering-plugin

10.5k

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

flutter-api

smallnest/langgraphgo

162

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

stitch-loop

google-labs-code/stitch-skills

2.0k

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

vitest

supabase/supabase

97.6k

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

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.

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.

use-ai-sdk

vercel/ai

22.3k

This skill helps developers integrate and reason about the AI SDK to build agents, tools, and chat features efficiently.

animejs-skills

bowtiedswan/animejs-skills

This skill helps you implement web animations using Anime.js v4, covering timelines, SVGs, scroll effects, and draggable interactions.

appinsights-instrumentation

github/awesome-copilot

19.4k

This skill guides you to instrument a web app with Azure App Insights for comprehensive telemetry and improved observability.

Page 1 of 81