#44 · Primary category： AI Design & Prototyping
dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Project last updated：08/29/26
GitHub Stars
3.3K
Forks
296
Contributors
6
License
MIT
Why we included this project
Dembrandt answers a question most teams have asked at some point: what exactly is this site's design system? Point it at a URL and it runs a headless browser over the page, returning colors, typography, spacing, borders, shadows, and motion as structured design tokens you can actually use. It works two ways, as a command line tool for competitor audits or rebranding work and as an MCP server, so an AI assistant in Claude Code, Cursor, or Windsurf can pull the same tokens on demand. Output is flexible, with W3C DTCG token export or a DESIGN.md that agents can read, and the optional drift tracking lets CI flag styling regressions between releases. Teams syncing a design system with a live site, or feeding real specs into design-to-code work, save the tedious manual inspection step.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.