Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
Production-ready patterns for integrating frontend applications with backend APIs, including race condition handling, request cancellation, retry strategies, error normalization, and UI state management.
Use when a task requires exhaustive unabridged output, complete files, or strict prevention of placeholders and skipped code.
Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.
Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.
Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.
Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.
Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.
Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework.
Next.js App Router principles. Server Components, data fetching, routing patterns.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
Create Zustand stores following established patterns with proper TypeScript types and middleware.
