frontend▌

Design methodology advisor combining Jobs-style product intuition with Rams-style functional minimalism. \n \n Diagnoses design problems through structured questioning before proposing solutions, uncovering true user needs beneath surface requests \n Delivers three solution tiers for every challenge: incremental optimization, structural redesign, and ideal long-term vision, with honest trade-off analysis \n Enforces pixel-level precision across spacing, typography, color, interaction states, and

Modern SwiftUI patterns for iOS 26+ with MV architecture, state management, and view composition. \n \n Covers @Observable ownership rules, @State / @Bindable / @Environment wiring, and view decomposition best practices for clean, performant UIs \n Includes async data loading with .task , custom ViewModifier styling, environment value patterns, and granular state tracking that only re-renders affected views \n Provides iOS 26+ API updates (scroll edge effects, background extensions, @Animatable

Bridge design and engineering teams by clarifying roles, organizational placement, and hiring strategy. \n \n Defines design engineering as merging UX design with engineering to accelerate prototyping and production shipping, with scope varying from validation prototypes to production-ready code \n Emphasizes combining design sensibility with shipping ability rather than seeking unicorn-level expertise in both disciplines \n Guides organizational placement decisions, handoff friction diagnosis,

Team culture frameworks drawn from 138 product leaders at startups through Google and Airbnb. \n \n Focuses on articulating existing culture rather than inventing new values; helps identify behaviors in high performers and document what already works \n Emphasizes culture as a decentralized decision-making tool for remote and distributed teams, enabling sound choices when leadership isn't present \n Covers psychological safety, trust-building, and feedback loops as foundations for organizational

Structural design patterns and principles for reliable multi-step Claude Code workflow skills. \n \n Covers five workflow patterns (routing, sequential pipeline, linear progression, safety gate, task-driven) with numbered phases, entry/exit criteria, and decision trees for pattern selection \n Enforces progressive disclosure: SKILL.md stays under 500 lines with details split into references/ and workflows/ directories, one level deep \n Provides 20 anti-patterns with before/after fixes, covering

Self-contained HTML dashboards with Chart.js, filters, and professional styling. \n \n Provides complete patterns for KPI cards, line/bar/doughnut charts, sortable data tables, and dropdown or date-range filters that update all visualizations instantly \n Includes pre-built CSS system with responsive grid layouts, color variables, and print-friendly styling that works without external frameworks \n Embeds all data and logic directly in a single HTML file; no server or build step required \n Reco

Structured workflow for Laravel 11/12 apps with stack detection, Docker support, and framework-specific conventions. \n \n Detects and adapts to your stack: API-only, Inertia + React, Livewire, Vue, or Blade; Docker Compose/Sail or host commands \n Enforces Laravel 11/12 conventions: bootstrap configuration, Eloquent models, Form Requests, named routes, and safe migrations \n Integrates Laravel Boost MCP tools for docs search, Artisan commands, routing inspection, and database queries \n Priorit

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.

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.