Skills tagged "frontend" (1332)

1332 Claude Code skills tagged "frontend". Test each skill in the interactive playground.

🎨 Wpds
This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.
frontenddesignuxaccessibility
🎨 Wraps Email
TypeScript SDK for AWS SES with automatic credential resolution, React.email support, and template management.
wraps-teamfrontend
🧪 Write Playwright Test
This skill helps you write robust Playwright end-to-end tests using fixtures, Page Object Model, and accessibility-first queries to mirror user behavior.
testingautomationfrontend
🧪 Writing Tests
This skill helps you write reliable Vitest tests for unit, component, and mock patterns across your codebase, boosting confidence and maintainability.
testingunit-testsintegration-testsfrontend
🎨 X Image Cards
This skill helps you generate X/Twitter cards as images with 2x resolution, safe margins, and explicit PNG URLs to boost shareability.
frontendsocial-mediabrandingux
🎨 X Og Image Generator
This skill helps you generate and optimize Open Graph images for social sharing with dynamic and pre-generated patterns, boosting crawler compatibility.
nextjsperformancesocial-mediaseo
🎨 Xr
This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.
frontendaidesignux
🎨 Zdev Skill
This skill helps you manage isolated development environments with git worktrees, automatic ports, and preview URLs for feature work.
devopsfrontendgitautomation
🎨 Zod V4
Expert guidance for Zod v4 schema validation in TypeScript. Use when designing schemas, migrating from Zod 3, handling validation errors, generating JSON Schema/OpenAPI, using codecs/transforms, or integrating with React Hook Form, tRPC, Hono, or Next.js. Covers all Zod v4 APIs including top-level s
bjornmelinfrontend
🎨 Zustand
This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.
frontendproductivityrefactordesign
🎨 Zustand State Management
Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Prevents 6 documented errors. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript
sovranbitcoinfrontend
🎨 Zustand Store
Zustand state management for React applications with TypeScript. Use for creating stores, managing global state, persistence, and computed values. Triggers on requests for state management, global state, stores, Zustand patterns, or data persistence with localStorage.
ibuttersfrontend

More Tags

automation (2852) ai (1980) testing (1810) scripting (1578) backend (1576) debugging (1525) code-review (1453) docs (1374) api (1338) productivity (1208) devops (1189) data (1086) cli (1045) performance (1011) workflow (1004) security (853) analytics (853) design (829) python (678) ci-cd (645)

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.