Get a week free of Claude Code →

Skills tagged "frontend" (1279)

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

🎨 Woltz React Rich Domain
React hooks and components for @woltz/rich-domain. Use when building frontend UIs with DataTable, Kanban, Timeline, or Criteria-based filtering.
tarcisioandradefrontend
🧪 Wordpress Router
This skill identifies WordPress codebase type (plugin, theme, block, or full site) and routes tasks to the correct domain workflow.
automationbackendfrontenddebugging
🎨 Workleap Squide
Squide is a React modular application shell for Workleap web applications. Use this skill when: (1) Creating or modifying Squide host applications or modules (2) Registering routes, navigation items, or MSW request handlers (3) Working with FireflyRuntime, initializeFirefly, or AppRouter (4) Setting
workleapfrontend
🎨 Workleap Telemetry
This skill guides integration of wl-telemetry to unify Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for end-to-end tracing.
frontendanalyticsobservabilitydebugging
🎨 Workleap Telemetry V2
This skill helps frontend developers initialize wl-telemetry, correlate telemetry IDs across Honeycomb LogRocket and Mixpanel, and troubleshoot unified
frontendanalyticsdebuggingobservability
🎨 Workleap Web Configs
This skill helps you adopt Workleap's shared web configs for ESLint, TypeScript, Rsbuild, and Browserslist to accelerate consistent frontend tooling.
typescriptlintingfrontend
🧪 Wp Block Development
This skill helps you create, update, and migrate WordPress Gutenberg blocks by guiding block.json, registration, rendering, and tooling.
frontenddebuggingtestingcode-review
🎨 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 (2772) ai (1905) testing (1783) backend (1548) scripting (1540) debugging (1486) code-review (1426) docs (1343) api (1308) productivity (1166) devops (1160) data (1050) workflow (1015) cli (1007) performance (984) security (836) analytics (822) design (787) python (653) ci-cd (633)

Get the best new skills
in your inbox

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