frontend▌

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. Expert UI/UX design skill that helps create unique, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out.

Accessible Vue/Nuxt component library with Reka UI, Tailwind CSS, and dark mode support. \n \n Provides 50+ pre-built, accessible components (buttons, cards, dialogs, data tables, forms) installable via CLI with automatic TypeScript path configuration \n Requires initialization with npx shadcn-vue@latest init to set up components.json , Tailwind CSS variables, and path aliases before adding components \n Supports dark mode through CSS variables, Auto Form for dynamic form generation, and TanStac

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

React patterns for hooks, effects, refs, and component design with escape hatch guidance. \n \n Effects synchronize with external systems only (WebSocket, third-party libraries, browser APIs); most component logic should avoid Effects entirely \n Common anti-patterns: derived state, expensive calculations, prop-change resets, and event handling all belong outside Effects—use render calculations, useMemo, key props, and event handlers instead \n Effect dependencies must never be suppressed; use u

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

Ship Liquid Glass UI that feels native, stays legible, and degrades safely across iOS/Android.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics. \n \n Guides design thinking before coding: establish bold aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.) with clear purpose, tone, and differentiation \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core design pillars; uses CSS variables, animations, and scroll-triggered effects \n Generates working, functional code (HTML/CSS/J

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

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

$22