frontend-design

Build a design rationale by specifying project context, audience, and constraints; the skill returns a reasoning framework that justifies typography, spacing, and interaction choices based on usability principles.

Justify typography and color schemes by inputting dashboard project requirements; the skill evaluates visual choices against anti-AI-SLOPS rules and core design principles to deliver concrete, human-centered recommendations.

Generate interaction pattern rationale by describing your mobile interface concept and constraints; the skill applies visual-design principles to return recommended patterns and usability checklists for web and mobile.

Project context, audience details, and constraints are required inputs to generate the reasoning framework; without them, the skill cannot produce accurate design rationale or recommended interaction patterns.

Anti-AI-SLOPS rules and quality checks enforce unique, human-centered design decisions by evaluating visual choices against core principles, ensuring outputs avoid generic templates and maintain visual polish.

Avoid template-based approaches when justifying layout and typography for specific audiences; the skill's design-thinking framework requires explicit constraints to generate tailored interaction patterns instead of generic stock outputs.