vg-design

Installation
SKILL.md

vg-design

Quick Start

  1. Infer the brief — page kind, vibe, audience, brand assets. Write one-line Design Read.
  2. Set the three dialsDESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY (baseline 8/6/4).
  3. Build — consult references/ for each domain. Never produce placeholders.
  4. Verify — run the pre-flight checklist (references/preflight.md).

Animation standard: Emil Kowalski's philosophy is the definitive source for all motion decisions. Where other sources conflict, Emil wins.

The Three Dials

Dial 1 5 10
DESIGN_VARIANCE Perfect Symmetry Moderate offset Artsy Chaos
MOTION_INTENSITY Static Fluid CSS transitions Cinematic / Physics
VISUAL_DENSITY Art Gallery / Airy Daily App Cockpit / Packed
Installs
2
Repository
vguedz/skills
GitHub Stars
1
First Seen
Jun 22, 2026
vg-design — vguedz/skills