visual-style
Installation
SKILL.md
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.
Quick Reference
| Mode | Trigger | What it does |
|---|---|---|
| Create | "Create a visual-style.md for..." | Build a style from scratch via guided prompts |
| Extract | "Extract a visual-style.md from [URL/image/video]" | Analyze a source and generate a style file |
| Apply | "Apply this visual-style.md to [tool]" | Use a style with a specific connector |
| Gallery | "Show me available visual styles" | Browse and use example styles |
Default Workflow
Create
- Gather vibe — Ask about mood, era, references, inspiration
- Define colors — Primary (2+), accent, neutrals with hex values and roles
Related skills