What problem does it solve? Designing web interfaces often leads to generic, repetitive output because AI tools default to the same safe patterns like bento grids, purple palettes, and glassmorphism. This Skill provides structured design principles and decision frameworks so every interface is deliberately designed for its specific audience, brand, and context. ## Core Features & Use Cases - Design Decision Frameworks: Apply UX psychology laws (Hick's, Fitts', Miller's), the 60-30-10 color rule, modular typography scales, and layout principles to make reasoned design choices instead of copying templates. - Context-Specific Guidance: Use decision trees for e-commerce, SaaS dashboards, landing pages, and portfolios, with audience-specific direction for Gen Z through B2B users. - UX Audit Script: Run scripts/ux_audit.py against a project to check UX psychology and accessibility compliance after implementation. - Use Case: When asked to build a landing page, the Skill prompts for color, style, and layout preferences first, then applies fresh palette generation, typography pairing, and animation principles rather than defaulting to a generic dark-neon template. ## Quick Start Ask the AI to design a landing page for your product using the frontend-design skill and answer its questions about color palette, style, and layout preferences.
