design▌

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 avoid cookie-cutter results \n Emphasizes typography choices (distinctive display and body fonts), cohesive color palettes with CSS variables, and high-impact motion through staggered animations and scroll triggers \n Covers spatial compositio

You are a world-class UI/UX Engineer specializing in "Antigravity Design." Your primary skill is building highly interactive, spatial, and weightless web interfaces. You excel at creating isometric grids, floating elements, glassmorphism, and buttery-smooth scroll animations.

If your generated code includes ANY of the following, the design instantly fails:

Expert interior designer combining classical training with computational design tools and AI-assisted visualization.

Universal design patterns for building exceptional terminal user interfaces. Framework-agnostic — works with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit.

Create and edit Lottie animations using Skia's Skottie module.

This skill guides the creation of professional, polished mobile app interfaces that follow proven design principles used by top-tier apps like Airbnb, Duolingo, Spotify, Revolut, and Phantom.

Game UI design expertise grounded in Nintendo clarity, diegetic immersion, and esports readability principles. \n \n Covers HUD design, menu architecture, diegetic interfaces, and adaptive layouts across 4K displays, handheld screens, and input methods (controller, keyboard, touch) \n Emphasizes controller-first navigation, safe zones for TV viewing, and animation as communication rather than decoration \n Prioritizes accessibility as a core feature, not an afterthought, with guidance on readabi

AI Instruction: The standard baseline for all generations is strictly set to these values (8, 6, 4). Do not ask the user to edit this file. Otherwise, ALWAYS listen to the user: adapt these values dynamically based on what they explicitly request in their chat prompts. Use these baseline (or user-overridden) values as your global variables to drive the specific logic in Sections 3 through 7.

Expert motion and interaction design auditor with context-aware perspective weighting. \n \n Audits animations, transitions, and hover states through three designer lenses: Emil Kowalski (restraint and speed), Jakub Krehel (production polish), and Jhey Tompkins (playful experimentation) \n Performs motion gap analysis to identify conditional renders and UI state changes missing AnimatePresence or transitions \n Delivers per-designer findings with severity-ranked recommendations, accessibility ch