Design
Design-Learn
Extract any site's design language into reusable rules for AI coders
★ 172 starsMIT
View guide →Extract any website's design system — logo, colours, typography and tokens — in one command.
dembrandt is an open-source design project by dembrandt (dembrandt/dembrandt on GitHub). It has 3,615 GitHub stars and 318 forks, is released under the MIT license, and was last updated on GitHub on 7 October 2026.
Decide the first concrete outcome you want from it, so you can pick the right example, template or mode instead of exploring everything at once.
Clone the repository (or install the published package) and skim its README quick start for the requirements for your platform.
Run the documented install step and set any required configuration — such as provider keys, data sources or local services — before the first run.
Execute the smallest documented example end to end, confirm the output is what you expected, then adapt it to your real data or workflow.
dembrandt <site> pulls logo, colours, typography, borders and more into tokens in seconds.
Run it in CI and score each extraction against a pinned baseline to catch design drift per category.
An MCP integration lets Claude Code and other agents consume extracted tokens directly.
Tokens are copy-ready for Copilot, Claude or Cursor and follow the DTCG design-token format.
Optional cloud snapshots, visual diffs and a proportional timeline per domain; local use needs no login.
Pairs with dembrandt-skills to give agents hierarchy, accessibility and interaction-state intelligence on top of tokens.
Get the source so you can inspect, configure and run it locally.
git clone https://github.com/dembrandt/dembrandt.git
cd dembrandtInstall the CLI globally and fetch the matching Chromium once.
npm install -g dembrandt
dembrandt install-browserRun it against any site and inspect the tokens it produces.
dembrandt dembrandt.com # replace with your target site — see READMEIt is maintained by dembrandt on GitHub (dembrandt/dembrandt), where the source, issues and releases live.
Yes — it is free and open source under the MIT licence, which permits use, modification and redistribution, including commercially, with attribution.
No — the CLI runs locally and needs no API key; the optional beta app uses an API key only for cloud drift tracking.
Compared with manually inspecting CSS or generic style-guide generators, dembrandt's distinguishing focus is: extract any website's design system — logo, colours, typography and tokens — in one command. Pick it when that focus matches your need; the alternative may suit you better if its broader or different scope is the priority.
Clone https://github.com/dembrandt/dembrandt (or install its published package), follow the README quick start to install and configure it, then run the smallest documented example — the Run section on this page mirrors those steps.
Extract any site's design language into reusable rules for AI coders
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports…
Free slide-design prompt pack for ChatGPT, Claude and any AI tool
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
Turn your thesis into defense slides with one command.
Open-source online poster and image designer with a full editor, admin backend, and built-in AI tools
The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if dembrandt is not the right fit.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…
draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0
Free and open — grab the source, star the repo, and start creating.