frontend▌

Setup and usage of next-intl with prefix-based locale routing (e.g. /en/about, /ja/about). Use this skill in any Next.js App Router project.

Universal React UI framework for web and native with an optimizing compiler.

Implement purposeful, performant animations that enhance UX without overwhelming users. Focus on key moments: hero intros, hover feedback, content reveals, and navigation transitions.

Use this skill in two modes:

HTML-first slide deck creation with visual editing, validation, and export to PPTX or PDF. \n \n Plan decks with structured outlines before generating HTML slides; review visually in a browser editor before exporting \n Organize slides in dedicated workspace directories ( decks/<deck-name>/ ) with self-contained HTML files, one primary idea per slide \n Validate slide structure and convert approved decks to .pptx or .pdf using core commands: build-viewer , validate , convert , pdf \n Requir

Create zero-dependency, animation-rich HTML presentations with visual style discovery. \n \n Supports three workflows: building new decks from scratch, converting PowerPoint files to HTML, and enhancing existing presentations with improved layout and motion \n Enforces viewport-fit constraint: every slide must fit in one viewport with no internal scrolling, using clamp() for responsive scaling and Intersection Observer for reveal animations \n Defaults to visual exploration over abstract questio

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