frontend▌

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

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.

Memoization, code splitting, and virtualization patterns for optimizing React application performance. \n \n Covers four core optimization techniques: memoization (React.memo, useMemo, useCallback), code splitting with lazy/Suspense, virtualization for large lists, and state management strategies to minimize render cascades \n Includes React 18+ concurrent features (useTransition, useDeferredValue) for improved responsiveness and perceived performance \n Provides profiling workflow using React D

Complete development guidelines for building maintainable, scalable applications with Next.js, React, Redux Toolkit, and TypeScript.