デザイン
Design-Learn
Extract any site's design language into reusable rules for AI coders
★ 172 スターMIT
ガイドを見る →dembrandtは、dembrandtが公開しているオープンソースのデザインプロジェクトです（GitHub: dembrandt/dembrandt）。GitHubスターは3,615、フォークは318で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年10月7日です。
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
LibreAIカタログに掲載されたデザインプロジェクトの中で最もスターの多いもの — dembrandtが合わなかった場合に検討したい、現実的な候補リストです。
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
カタログの中でdembrandtとスター数が近いデザインプロジェクト — 前後の棚もそのまま見て回れます。
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