visual-style

Create, extract, and apply portable visual design systems. A visual-style.md file defines colors, typography, layout, motion, and mood in one file that any AI tool can consume. Questions to batch: style_prompt_full is king. If a tool can only read one field, it reads this one. Everything else is structured data for tools that want finer control. Full spec: references/spec.md - Gather vibe — Ask about mood, era, references, inspiration - Define colors — Primary (2+), accent, neutrals with hex values and roles - Set typography — Display, body, caption families + weight/style rules - Layout & motion — Grid system, transitions, pacing - Generate — Output complete visual-style.md using references/templates/minimal.visual-style.md or references/templates/full.visual-style.md - Preview — Show a small HTML swatch or describe the visual result - Optionally apply — Ask if user wants to use it with a connector - What's the vibe? (mood keywords, era, references) - Any specific colors? (or derive from the vibe?) - Typography preference?