componentize-design
Componentize Design
Input: one settled study in the repo's design-studies directory (see the
design-studies rule — typically docs/designs/). Output: the screen assembled
from existing primitives against a derived view-model, with a written inventory of
the components extraction actually justified as the durable contract. The HTML is
visual truth; the inventory is build truth — a component exists because evidence in
the assembled screen forced it out, never because the HTML was eyeballed for
boundaries up front.
The study is a disposable spec, not source. Its markup and CSS are never ported; only its decisions survive, as tokens and inventory rows.
This screen-first order is for building application screens. If the deliverable is a reusable cross-app component library, or the inventory is already empirically known, or multiple teams need frozen contracts before building, build inventory-first bottom-up instead.