visual-style

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