Skip to content
OSS for Founders
Design & UI Components

zanwei/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.

Stars
2.1k
Forks
114
Language
JavaScript
License
MIT
Last commit
updated Aug 2026
Active
agent-skillsclaude-skillscodex-skillscursor-skillsdesign-systemdesign-tokensdesign-dnaskills-cli
View on GitHub

Straight from GitHub

Nobody has written up this repo. Everything on this page comes straight from the GitHub API, so there is no founder write-up, no pros and cons, and no difficulty rating — rather than a generated guess at them.

Maintenance

Pushed within three months of the last stats read (as of Nov 6, 2026).

Licence

MIT

Tech stack

Primary language: JavaScript. GitHub reports only the dominant language, so this is not the whole stack.

Install

No install command has been verified for this repo. Follow the README rather than a guess.

Quality score

Computed by the discovery import when this entry was added.

0.87out of 1.00
Recent activity×0.30
0.85

How recently the default branch was pushed to.

Adoption×0.20
0.71

Stars on a log scale, so adoption counts without dominating.

Description and topics×0.15
0.80

Whether the repo describes itself: description, topics, homepage.

README present×0.15
1.00

Whether the repository has a README at all.

Licence clarity×0.10
1.00

Whether GitHub can resolve the licence to a recognised SPDX id.

Issue health×0.10
1.00

Open issues relative to adoption, as a rough maintenance signal.

Similar repos

Same category, ranked by shared topics.

  • Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

    270 starsTypeScriptMITupdated Sep 2026Design & UI Components
  • Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

    111k starsJavaScriptMITupdated Nov 2026AI & ML
  • Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

    4.8k starsHTMLMITupdated Nov 2026Design & UI Components
  • Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

    3.1k starsJavaScriptMITupdated Oct 2026Design & UI Components

Stats updated Nov 6, 2026. Stars, forks, issue counts, and dates are a snapshot read from the GitHub REST API, not a live figure. This site makes no requests to GitHub when you load a page.

Command Palette

Search for a command to run...