design

# design ## Purpose Design system reasoning layer. Converts a product description into a concrete design system — style, color direction, typography pairing, platform conventions, and an explicit anti-pattern list for this domain. Writes `.rune/design-system.md` as the persistent design contract that all UI-generating skills read before producing code. Prevents AI-generated UI from defaulting to generic patterns ("purple accent, card grids, centered everything") that signal "not designed by a human." ## Triggers - `/rune design` — manual invocation when starting a new UI project - Called by `cook` (L1): frontend task detected, no `.rune/design-system.md` exists - Called by `review` (L2): AI anti-pattern detected — recommended to run design skill - Called by `perf` (L2): Lighthouse Accessibility BLOCK — design foundation may be missing ## Calls (outbound) - `scout` (L2): detect existing design tokens, component library, platform targets - `asset-creator` (L3): generate base visual assets (logo, OG image) from design system - `browser-pilot` (L3): render the surface and inspect it before claiming any visual property holds (Step 5.4) - `review` (L2): accessibility violations found → flag for fix in next code review ## Called By (inbound) - `cook` (L1): before any frontend code generation - `scaffold` (L1): design system for new project - `brainstorm` (L2): when selected approach has UI/UX implications - `ba` (L2): when requirements include UI/UX components - `review` (L2...