Design Thinking

Design Thinking: Before coding, understand the context and commit to a BOLD aesthetic direction: - **Purpose**: What problem does this interface solve? Who uses it? - **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction. - **Constraints**: Technical requirements (framework, performance, accessibility). - **Differentiation**: What makes this UNFORGETTABLE? What's the one thing someone will remember?

This skill provides an AI model with detailed instructions and aesthetic guidelines for generating distinctive, production-grade frontend code (HTML/CSS/JS, React, Vue). It emphasizes design thinking, specific aesthetic choices for typography, color, motion, and layout, and explicitly warns against generic AI aesthetics. The skill itself does not call external tools, access data, run commands, or contact URLs.