Dembrandt — извлечение дизайн-токенов с любого сайта

★ 2.7K

Dembrandt — это CLI-утилита, которая одной командой извлекает дизайн-систему любого сайта и выдаёт её в машиночитаемом виде: логотип, цвета, типографику, отступы, границы, тени, анимации и компоненты — как W3C Design Tokens, Tailwind CSS, DESIGN.md или JSON. Берут, чтобы быстро снять фирменный стиль сайта (своего или референсного) в токены, перенести айдентику в новый проект или зафиксировать её и проверять на соответствие в CI. Под капотом Playwright рендерит страницу, а инструмент считывает вычисленные стили прямо из DOM, поэтому получает реальные применённые значения, а не гадает по CSS-файлам. Ставится через npm (нужен Node.js 18+) с разовой докачкой Chromium, работает и через npx. Направление — вытащить и стандартизировать дизайн-токены существующей страницы, а не сгенерировать новый дизайн и не сверстать сайт: на выходе токены и описания стиля, которые вы подключаете в своей системе.