Design
Design-Learn
Extract any site's design language into reusable rules for AI coders
★ 172 SterneMIT
Anleitung ansehen →dembrandt ist ein Open-Source-Projekt aus der Kategorie Design von dembrandt (dembrandt/dembrandt auf GitHub). Es hat 3.615 Sterne auf GitHub und 318 Forks, wird unter der Lizenz MIT veröffentlicht und wurde zuletzt am 7. Oktober 2026 auf GitHub aktualisiert.
Extract any website's design system — logo, colours, typography and tokens — in one command.
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
Die anderen Projekte der Kategorie Design mit den meisten Sternen im LibreAI-Katalog — die realistische Auswahl, falls dembrandt nicht das Richtige ist.
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
Verwandte Projekte der Kategorie Design im Katalog, die dembrandt bei den Sternen am nächsten stehen — zum Weiterstöbern auf beiden Seiten.
Eclipse SUMO is an open source, highly portable, microscopic and continuous traffic simulation package designed to handle large networks. It allows for inter…
Open-source data modeling tool designed for PostgreSQL. No more typing DDL commands. Let pgModeler do the work for you!
⚡️SwanLab - an open-source, modern-design AI training tracking and visualization tool. Supports Cloud / Self-hosted use. Integrated with PyTorch / Transforme…
DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…
Flint compiles semantic chart specs into Vega-Lite, ECharts, Chart.js, Plotly — or native Excel charts
open-source canvas for thoughtful software design
Kostenlos und offen — hol dir den Quellcode, gib dem Repository einen Stern und leg los.