frontend▌

Tamagui v1.x patterns beyond fundamentals: Config v4, compiler optimization, compound components, and gotchas.

Integration patterns for Laravel, Inertia.js, and React full-stack development. \n \n Covers 30+ rules across 7 categories: page components, forms with useForm, navigation, shared data, persistent layouts, file uploads, and advanced patterns \n Includes TypeScript typing for page props, form validation error handling, and authentication state management \n Provides complete code examples for controllers, middleware, components, and layout assignment patterns \n Prioritizes critical patterns (pag

Advanced CSS Grid, Flexbox, and container query patterns for complex responsive layouts. \n \n Covers CSS Grid mastery including holy grail layouts, grid template areas, auto-fill/auto-fit, and subgrid for nested alignment \n Flexbox patterns for space distribution, flexible item sizing, and masonry-like layouts with proper overflow handling \n Container queries with named containers and container query units for component-level responsiveness independent of viewport \n Sticky and fixed position

Trade perpetual futures and spot tokens on Hyperliquid's fully on-chain DEX with automatic order execution and risk management. \n \n Supports crypto perps (BTC, ETH, SOL) and real-world assets/stocks (xyz:NVDA, xyz:TSLA, xyz:GOLD) with leverage up to asset maximums \n Includes 17 tools covering account info, market data, limit/market/post-only orders, stop loss/take profit triggers, position management, and fund transfers \n Agent automatically checks balances, detects asset types, sets leverag

Role: Phase 2/3 - Planning and Solutioning UX specialist

Tailwind CSS v4.0 was released January 22, 2025, featuring a complete rewrite with a Rust-based engine, CSS-first configuration, and significant performance improvements.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. \n \n Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact \n Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purp

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model composition events, template ref timing, and hydration mismatches \n Addresses async pat

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Create effective visual communication through research-backed design principles.