design-dna
design-dna is Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content. - zanwei/design-dna. It is ranked #1219 on the Design Radar, in AI UI generators, first seen 10 days ago and shared in 1 post (43 views).
design-dna/SKILL.md at main · zanwei/design-dna · GitHub Skip to content Navigation Menu Sign in Search / Sign in Sign up Appearance settings You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} Repository navigation Files Expand file tree main / SKILL.md Copy path Blame More file actions Blame More file actions Latest commit History History History 114 lines (93 loc) · 8.23 KB main / SKILL.md Copy path Top File metadata and controls Preview…
What people said about design-dna on X
Design DNA skill : - Never estimate hex values by eye; perceived colors drift toward familiar palette defaults, often by a ΔE of 10+, so it measures colors from the image file with a script - It splits a design into three parts: design system tokens, design style like mood and composition, and visual effects like…
— @johnnynelai, 10 days ago · 0 likes · see the post
Alternatives to design-dna
- unslop — Go unslop your stuff
- ui-ux-pro-max-skill — 50 free AI UI styles
- Generative UI Studio — An agent writes UI inside its markdown reply. 70 standard components, your own components, surfaces on the page, live…
- impeccable.style — We built a whole catalog of these
- freeCodeCamp.org — Improve your web development skills by building 19 different projects. We just posted a course on the freeCodeCamp.org…
- Redraft — Redraft is a Chrome extension that redesigns any website live. A swarm of Claude agents rebuilds the page in front of…
design-dna in numbers
- Rank on the Design Radar: #1219 of 2644
- Shared in 1 post by 1 account: @johnnynelai
- 43 views on those posts
- First seen 10 days ago, last shared 10 days ago
- Pricing seen by AGK Intelligence: open source
- Market: AI UI generators
FAQ
What is design-dna?
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content. - zanwei/design-dna It was first shared on X 10 days ago and is ranked #1219 on the Design Radar.
Is design-dna free?
It is open source.
Who shared design-dna?
1 account on X, including @johnnynelai, in 1 post totalling 43 views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.