What problem does it solve? AI-generated UI often defaults to generic patterns like purple accents, card grids, and centered layouts that signal it was not designed by a human. This Skill converts a product description into a concrete, domain-aware design system so every UI-generating skill produces consistent, intentional interfaces. ## Core Features & Use Cases - Domain-Based Design Reasoning: Classifies the product (fintech, SaaS, healthcare, e-commerce, developer tools, and more) and maps it to style, palette, typography, and explicit anti-patterns. - Mood-to-Constraint Mapping: Translates a single mood keyword into concrete constraints for color temperature, type weight, whitespace, animation, and shadows. - Persistent Design Contracts: Writes .rune/design-system.md and .rune/ui-spec.md as binding contracts that downstream code-generation skills must follow, with accessibility audits and a 6-pillar visual quality score. - Use Case: Before building a trading dashboard frontend, run this Skill to lock in a data-dense dark style with monospace numerics and semantic profit/loss colors, so all subsequent components stay visually consistent. ## Quick Start Ask the agent to run the design skill for your new project, for example: run /rune design to generate the design system for my trading dashboard before writing any frontend code.
