visual-style

Originally fromheygen-com/skills
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

  1. Gather vibe — Ask about mood, era, references, inspiration
  2. Define colors — Primary (2+), accent, neutrals with hex values and roles
Related skills
Installs
28
GitHub Stars
3.6K
First Seen
Apr 4, 2026