Design Dna

by zanwei593e39bc9e36No license1.9K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 6 weeks ago

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".

Includes scripts

Only the file list is public. File contents are available once the skill is installed in a workspace.

PathSizeType
docs/example-deterministic-measurement.png554.5 KBimage/png
docs/example-style-transfer.png53.7 KBimage/png
.gitignore102 Btext/plain
LICENSE1.1 KBtext/plain
README.es.md7.6 KBtext/markdown
README.ja.md9 KBtext/markdown
README.ko.md7.7 KBtext/markdown
README.md7 KBtext/markdown
README.zh-CN.md6.5 KBtext/markdown
README.zh-TW.md6.6 KBtext/markdown
references/generation-guide.md8.4 KBtext/markdown
references/schema.md11.7 KBtext/markdown
scripts/color-math.mjs1.5 KBtext/plain
scripts/measure-colors.mjs8.9 KBtext/plain
scripts/package.json330 Bapplication/json
scripts/test/color-measurement.test.mjs10.1 KBtext/plain
scripts/verify.mjs6 KBtext/plain
SKILL.md8.2 KBtext/markdown

Source and attribution

Source:zanwei/design-dnaat commit593e39b

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal