frontend▌

Practical guidance for building effective AI applications using techniques from 60 product leaders and practitioners. \n \n Covers core prompting patterns: few-shot examples, decomposition for complex tasks, self-criticism, and context placement for cache efficiency \n Emphasizes architecture decisions over prompt tuning: context engineering, RAG data preparation, layered model supervision, and specialized models for specific tasks \n Provides evaluation frameworks: mandatory evals with binary P

Next.js 16+ uses Turbopack by default for local development: an incremental bundler written in Rust that significantly speeds up dev startup and hot updates.

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

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

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

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,

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,

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

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

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