LibreAI / Дизайн / dembrandt
// design · dembrandt/dembrandt

dembrandt

dembrandt — проект с открытым исходным кодом из категории «Дизайн» от dembrandt (dembrandt/dembrandt на GitHub). У него 3 615 звёзд на GitHub и 318 форков, он распространяется по лицензии MIT и последний раз обновлялся на GitHub 7 октября 2026.

Extract any website's design system — logo, colours, typography and tokens — in one command.

★ 3,6 тыс. звёзд⑂ 318 форковMITобновлено окт. 2026
▦ визуал — в README этого проекта нет встраиваемого скриншота,
поэтому здесь заглушка. Руководство ниже в любом случае полное.
// факты о проекте

Факты о проекте

Репозиторий
dembrandt/dembrandt
Звёзды GitHub
3 615
Форки
318
Лицензия
MIT
Последнее обновление на GitHub
7 октября 2026
Категория
Дизайн
Тип страницы
Полное руководство по установке
Официальный сайт
Official site
// как это работает

Как это работает

  1. Clarify your goal

    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.

  2. Get the project

    Clone the repository (or install the published package) and skim its README quick start for the requirements for your platform.

  3. Install and configure

    Run the documented install step and set any required configuration — such as provider keys, data sources or local services — before the first run.

  4. Run your first task

    Execute the smallest documented example end to end, confirm the output is what you expected, then adapt it to your real data or workflow.

// возможности

Почему его любят

One-command extraction

dembrandt <site> pulls logo, colours, typography, borders and more into tokens in seconds.

CI drift detection

Run it in CI and score each extraction against a pinned baseline to catch design drift per category.

MCP for agents

An MCP integration lets Claude Code and other agents consume extracted tokens directly.

Token formats for builders

Tokens are copy-ready for Copilot, Claude or Cursor and follow the DTCG design-token format.

App (beta) with history

Optional cloud snapshots, visual diffs and a proportional timeline per domain; local use needs no login.

Agent skills pairing

Pairs with dembrandt-skills to give agents hierarchy, accessibility and interaction-state intelligence on top of tokens.

Advertisement
// запустите сами

Запустите сами

  1. Clone the repository

    Get the source so you can inspect, configure and run it locally.

    git clone https://github.com/dembrandt/dembrandt.git
    cd dembrandt
  2. Install Dembrandt

    Install the CLI globally and fetch the matching Chromium once.

    npm install -g dembrandt
    dembrandt install-browser
  3. Extract a design system

    Run it against any site and inspect the tokens it produces.

    dembrandt dembrandt.com  # replace with your target site — see README
// сценарии использования

Что можно создать

Advertisement
// вопросы и ответы

Вопросы и ответы

Who maintains dembrandt?

It is maintained by dembrandt on GitHub (dembrandt/dembrandt), where the source, issues and releases live.

Is it free to use?

Yes — it is free and open source under the MIT licence, which permits use, modification and redistribution, including commercially, with attribution.

Does it need a paid API key?

No — the CLI runs locally and needs no API key; the optional beta app uses an API key only for cloud drift tracking.

How does it compare to manually inspecting CSS or generic style-guide generators?

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.

How do I get started?

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.

// продолжить изучение

Похожие инструменты

Дизайн

Design-Learn

Extract any site's design language into reusable rules for AI coders

★ 172 звездыMIT
Смотреть руководство →
Дизайн

Webstudio

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports…

★ 9,0 тыс. звёздAGPL-3.0
Смотреть руководство →
Дизайн

presentation-design-prompts

Free slide-design prompt pack for ChatGPT, Claude and any AI tool

★ 166 звёздMIT
Смотреть руководство →
Дизайн

figma-console-mcp

Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging

★ 2,5 тыс. звёздMIT
Смотреть руководство →
Дизайн

beamer-academic

Turn your thesis into defense slides with one command.

★ 306 звёздMIT
Смотреть руководство →
Дизайн

poster-design

Open-source online poster and image designer with a full editor, admin backend, and built-in AI tools

★ 4,9 тыс. звёздAGPL-3.0
Смотреть руководство →
// альтернативы

Альтернативы: Дизайн

Другие проекты из категории «Дизайн» с наибольшим числом звёзд в каталоге LibreAI — реалистичный список альтернатив, если dembrandt вам не подходит.

// ещё в категории design

Больше проектов: Дизайн

Соседние проекты из категории «Дизайн» в каталоге, ближайшие по числу звёзд к dembrandt — продолжайте изучать полку по обе стороны от него.

Получить dembrandt

Бесплатно и открыто — забирайте исходный код, ставьте звезду репозиторию и начинайте создавать.