frontend▌

Audit UI code against Web Interface Guidelines for compliance and best practices. \n \n Fetches the latest guidelines from Vercel Labs before each review to ensure current rule compliance \n Accepts file paths or patterns as arguments; prompts for files if none specified \n Outputs findings in concise file:line format for quick identification of violations \n Covers accessibility, design patterns, and UX best practices as defined in the guidelines repository \n

Production-ready Tailwind CSS patterns for responsive layouts, cards, forms, buttons, and navigation. \n \n Includes semantic color tokens for automatic light/dark mode support, eliminating raw color usage that breaks themes \n Covers mobile-first responsive design with six breakpoints (base, sm, md, lg, xl, 2xl) and consistent spacing scale (4, 6, 8, 12, 16, 24) \n Provides ready-to-use component patterns for headers, footers, grids, cards, buttons, forms, and typography with hover states and t

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls including arrow function binding issues and stateful method side effects \n Includes references to specific solutions for each pattern, from defineComponent setup to proper event handler

Next.js App Router development patterns covering server/client components, data fetching, and routing. \n \n Server Components are the default; use Client Components only for interactivity (useState, event handlers, forms) \n Data fetching belongs in Server Components with three caching strategies: static (build-time), ISR (time-based revalidation), and dynamic (no-store) \n File conventions organize routes: page.tsx for UI, layout.tsx for shared structure, loading.tsx and error.tsx for states,

Multi-component React artifacts for Claude with Tailwind CSS and shadcn/ui components. \n \n Scaffolds React 18 + TypeScript projects with Vite, pre-configured Tailwind CSS, and 40+ shadcn/ui components ready to use \n Bundles complete artifacts into single self-contained HTML files with all JavaScript, CSS, and dependencies inlined \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and uniform rounded corners \n Supports state management

Type-safe React 18–19 patterns with compile-time guarantees for components, hooks, events, and routing. \n \n Covers React 19 breaking changes: ref as prop (no forwardRef), useActionState for forms, use() for promise unwrapping, and Server Components with async data fetching \n Specific event typing (MouseEvent, ChangeEvent, KeyboardEvent, etc.) and discriminated unions for variant props eliminate runtime surprises \n Generic component patterns with constrained types for reusable Tables, Lists,

Query, monitor, and expire builds in App Store Connect with asc command-line tools. \n \n Find builds by version, platform, or upload date; inspect processing state and build details with dedicated query commands \n Manage build retention by previewing and applying expiration policies based on age thresholds, with dry-run support \n Publish directly to TestFlight or App Store with end-to-end workflows including optional polling, submission, and confirmation flags \n Distinguish between asc build

Build topical authority clusters with pillar-spoke architecture and interlinking strategies. \n \n Generates 8-20 subtopics from search data, intent patterns, and audience research to populate a cluster around a seed keyword \n Structures clusters with a comprehensive pillar page (hub) and focused spoke pages (satellites), with mandatory bidirectional linking and lateral cross-links between siblings \n Scores existing content coverage, identifies gaps (full, partial, or none), and flags pages ne

Name: Industrial Brutalism & Tactical Telemetry Interface Engineering Description: Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT sc

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards \n