design-storyboard

Build the whole design/ folder for an app: one directory that is the visual source of truth, the review surface, and the asset factory, all at once.

This skill is the generic form of a recipe proven on a real app. Read a worked example in the wild when you need a reference implementation - it is the canonical demonstration for every section below.

The one rule

Nothing in design/ is drawn by hand or exported from Figma. Every artifact is generated from a small number of source files, so a token change propagates everywhere:

If you catch yourself writing a PNG into git, stop and write the generator instead.