frontend▌

Principles for building production-ready React applications.

Modern frontend development toolkit with React, Next.js, TypeScript, and automated optimization. \n \n Three core Python scripts automate component scaffolding, bundle analysis with performance metrics, and full project scaffolding with built-in best practices \n Includes reference guides for React patterns, Next.js optimization strategies, and frontend best practices covering code quality, performance, security, and maintainability \n Supports a broad tech stack spanning React, Next.js, React N

Create robust cross-platform mobile applications using React Native with modern development patterns including navigation, state management, API integration, and native module handling.

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