frontend▌

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Headless UI, Element Plus, and Tailwind with deep knowledge of performance optimization.

Expert UI/UX designer for design systems, accessibility-first interfaces, and user-centered workflows. \n \n Covers design systems mastery including atomic design, design tokens, component libraries, and multi-brand architecture with governance strategies \n Specializes in accessibility and inclusive design with WCAG 2.1/2.2 compliance, color contrast analysis, and cognitive accessibility principles \n Provides user research methodologies including interviews, usability testing, A/B testing, and

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

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Software Mansion's production patterns for React Native apps on the New Architecture.

Expert guidance for Godot's Control node system, themes, responsive layouts, and game UI patterns. \n \n Covers all major Control node types including containers (VBoxContainer, GridContainer, ScrollContainer), interactive controls (Button, TextEdit, Slider), and display nodes (Label, RichTextLabel, TextureRect) \n Provides complete theme system documentation with code examples for creating StyleBoxes, fonts, colors, and icons programmatically or as .tres resources \n Includes ready-to-use scene

Use this skill whenever the user wants to:

A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.

Comprehensive patterns for designing effective Key Performance Indicator (KPI) dashboards that drive business decisions.

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.