design-system
Installation
SKILL.md
Design System
- Read
../../references/DESIGN_SYSTEM.md, visual bible, approved references, campaign brand, and release requirements. - Write
06_release/artwork/design_system.json. - Define palette roles, typography hierarchy, title treatment, grid/spacing, motifs, image treatment, safe zones, watermark rules, motion behavior, contrast, and forbidden shortcuts.
- Reference project
REF-###assets rather than copying an external campaign. - Keep exact title/release text separate from generative imagery.
- Run
scripts/design_system.py 06_release/artwork/design_system.jsonbefore producing a coordinated asset family. - Route still output to
marketing-art/imagemagickand animated output tomotion-graphicsorprogrammatic-video.
Done when promotional and editorial graphics can be produced as variants of one coherent visual system.