Frontend skills

This skill helps you build high-performance 3D web apps with Three.js by guiding scene setup, model loading, animation, physics, and VR/XR.

This skill helps you implement robust WebSocket real-time patterns with backoff, heartbeat, queues, and type-safe messages for reliable client-server

This skill generates complete Next.js 14 App Router page components with server and client patterns, data fetching, and layout files.

This skill helps you create comprehensive snapshot and golden tests for UI, API, and serialization contracts to detect unintended changes.

This skill generates a complete Vitest configuration file (vitest.config.ts) with test environment, coverage, and setup for fast unit tests.

This skill verifies frontend and backend story tasks are complete and updates acceptance criteria by converting all pending checkboxes to completed.

This skill helps you format, parse, and manipulate dates in TypeScript using date-fns with pure, tree-shakeable functions.

This skill generates complete Vue 3 components using Composition API and TypeScript with props, emits, and scoped styles.

This skill generates complete Vite configuration files for React, Vue, or vanilla projects with plugins, aliases, and dev/build optimizations.

This skill helps you craft detailed UI/UX component specifications, including states, interactions, and variants, for Consistent design systems.

This skill helps you implement robust Socket.IO client patterns with typed events, secure authentication, and reliable reconnection for real-time apps.

This skill generates Storybook stories for UI components, scaffolding default and variant stories with args and controls.

This skill optimizes frontend build settings and deployment pipelines by managing environment variables, Docker configuration, and CI/CD workflows.

This skill renders markdown files as a calm, book-like reader via HTTP, enabling distraction-free long-form viewing and easy directory browsing.

This skill enforces TypeScript strict mode, eliminates any types, and strengthens type safety with explicit return types and guards.

This skill helps you implement React Intl i18n with ICU message formatting, providing declarative and imperative APIs for robust localization.

This skill orchestrates frontend-only implementation across components, state, API, and UI integration to accelerate delivery.

This skill helps design and implement React/Next.js components, defining structure, props/state, reusable patterns, and documentation for scalable UIs.

This skill helps you design accessible, responsive UIs using shadcn/ui, Radix UI, and Tailwind, enabling rapid prototyping and consistent design systems.

This skill helps you implement and customize shadcn/ui components using a CLI-driven workflow, CSS variables, and cn() utility for consistent theming.

This skill helps you create comprehensive unit, integration, and E2E tests for frontend projects, managing coverage across __tests__ and e2e.