moai-domain-design-dna

# Design DNA Most "make it look like this" requests fail the same way: the reference is looked at once, an impression is formed, and the impression is coded from memory. What survives is a vague resemblance — the palette drifts, the rhythm flattens, and the one effect that gave the reference its character is missing entirely. This skill inserts an artifact between looking and building. The reference is first deconstructed into a **Design DNA JSON**, and only that JSON is used to generate. The intermediate step is what makes the result checkable: every colour, radius, and easing curve in the output traces to a recorded field, so a mismatch is a diff rather than an argument about taste. > **Provenance**: the three-dimension taxonomy and several extraction rules are > adapted from the MIT-licensed `zanwei/design-dna` skill. See > `.claude/rules/moai/NOTICE.md` for the retained copyright notice. ## The three dimensions The split matters because the three are extracted differently and fail differently. | Dimension | What it holds | How it is obtained | |---|---|---| | `design_system` | What can be **measured** — colour hex values, type scale, spacing base unit, radius, elevation, motion timings, component patterns | Sampled and measured from the reference; numeric | | `design_style` | What can be **felt** — mood, ornamentation level, composition strategy, whitespace philosophy, interaction personality, microcopy tone | Judged holistically; descriptive words, not numbers | | ...