frontend▌

This skill provides expert guidance for conducting thorough frontend design reviews, covering UI/UX design quality, design system consistency, accessibility compliance, and responsive design patterns. The skill helps identify design issues early in the development lifecycle, ensuring designs meet quality standards, accessibility requirements, and business objectives before implementation.

Automated migration from Next.js to vinext, a Vite-based Next.js reimplementation. \n \n Handles compatibility scanning, package replacement, Vite config generation, and ESM conversion with a single vinext init command or manual fallback steps \n Supports both App Router and Pages Router; existing app/ , pages/ , and next.config.js work unchanged — no application code modifications required \n Includes native Cloudflare Workers deployment via vinext deploy with direct access to bindings (D1, R2,

Vue 3 development with Composition API, <script setup> , and TypeScript as the standard approach. \n \n Enforces a structured workflow: confirm architecture, apply core foundations (reactivity, SFC structure, component focus, data flow, composables), then add optional features only when needed \n Requires reading and applying four core references before implementation: reactivity, SFC structure, component data flow, and composables \n Provides explicit component-splitting rules based on res

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

Unstyled, accessible Vue 3 component primitives with WAI-ARIA compliance and composition patterns. \n \n Provides 30+ headless components across forms, overlays, menus, data tables, and date pickers, each split into composable parts (Root, Trigger, Content, Portal) \n Supports controlled state via v-model and uncontrolled via default* props; includes asChild for rendering as child elements without wrapper overhead \n Built-in virtualization for large lists, context injection for child access, an

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 64 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Build tools that agents can use effectively, including architectural reduction patterns

Expert motion design guidance for creating compelling, engaging videos. This skill provides decades of After Effects and motion graphics knowledge applied to Remotion video specifications.

Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.

This skill outlines the key elements required to create "wow" factor, premium web applications.