Design System — Image to design.md + design.html This skill takes an image (or a set of image references) and translates them into a design system captured as two mirrored files : - — a YAML token block in Google's open design.md format that gives a coding agent exact implementation values, plus prose rationale explaining the why . This is the source of truth . - — a self-contained, human-readable style guide that renders every token and component live in a browser, styled directly from the same token values. This is the mirror the human reads. Same design system, two audiences: the agent rea…