building-design
Building Design
Overview
Creates design.md (official DESIGN.md format with this skill’s token naming) and static design handoffs: prompt folders for Claude Design, Google Stitch, and Figma Make, and HTML screen boards. Visual tokens live in design.md. Screen list, content, and states come from the user prompt; ask for any empty required Inputs. Prompts and HTML are independent renderers of those Inputs. Recipes own artifact rules; design-contract.md is shared plumbing.
Agent workflow
Follow this skill when creating or updating design.md, generating static design-handoff prompts, or generating HTML screen boards. Works wherever the agent can read and write repository files.
Design root: Locate via <design-root>/index.md with the static Author signature UUID. Default folder is design/. If none exists, initialize. See design-contract.md → Resolve design root.
Match every Recipes row that applies; open each linked reference. When the design.md row matches, run it before prompt/preview work. When both prompt and preview rows match, fill Inputs once per design-contract.md → Fill inputs, then run each of those recipes from its plan/write step.