ui-aesthetic-generator

What problem does it solve?

This Skill transforms abstract aesthetic standards and style presets into concrete, executable visual specifications for page and component design, moving beyond mere critique to direct generation.

Core Features & Use Cases

• Apply Aesthetic Standards: Enforces visual hierarchy, color systems, typography, spacing, and corner/shadow styles.
• Style Preset Selection: Matches scene-appropriate styles with justifications and risk assessments.
• Component Standardization: Defines visual rules for fundamental components like buttons and cards.
• Generate Acceptance Loop: Executes aesthetic checklists and provides repair suggestions.

Quick Start

Use the ui-aesthetic-generator to generate visual specifications based on the provided product type and brand tone.