Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Client and server state management standards using Zustand and TanStack Query. Enforces minimal global state, optimistic updates, and clean query invalidation.
Scalable architecture skill based on the System Design Primer. Before designing any backend, reason about load balancers, caching, DB partitioning, CAP theorem, and microservices trade-offs. Adapted for Serverless/Edge, Next.js App Router, BFF, and DDD patterns.
Professional UI/UX design skill. Enforces accessibility, semantic color palettes, proper spacing, and bans all common AI design anti-patterns and clichés. Adapted for Tailwind CSS v4, shadcn/ui, and Framer Motion stacks.
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and…