frontend-design

A frontend design audit evaluates web UI against measurable guidelines like modular typography scales, contrast rules, and the 60-30-10 color system. This Skill runs built-in scripts to check accessibility and UX psychology principles for component safety.

Creating a modular typography scale involves defining font size ratios that scale predictably across UI components. This Skill provides decision trees to establish these scales, ensuring consistent readability and visual hierarchy in frontend layouts.

Use this Skill to generate a frontend design audit for your web UI by applying its color, typography, layout, and UX psychology guidance. It enforces measurable guidelines like the 60-30-10 color rule and modular typography scales.

Yes, you can use design thinking to apply UX psychology principles like progressive disclosure, revealing UI information sequentially to reduce cognitive load. This Skill provides structured decision trees to guide these layout choices effectively.

Yes, this frontend design approach works for component design systems by providing audit and governance workflows. These workflows help teams align UI components with brand goals, accessibility checks, and structured UX design thinking.

You should use structured decision trees instead of ad-hoc UI judgments to achieve consistent frontend decisions that improve usability. This Skill replaces copied patterns with measurable guidelines for color, typography, and layout safety.