Извлечение дизайн-системы сайта одной командой

🔹 dembrandt/dembrandt
⭐ 2318 звёзд · TypeScript

Утилита вытаскивает с любого сайта цвета, типографику, отступы, границы, тени и параметры анимации, складывая всё в дизайн-токены. Под капотом Playwright и Node.js 18+, экспорт в формат W3C DTCG идёт через флаг --dtcg.

Обход одной страницы расширяется до 10 через --crawl или полного --sitemap, а --wcag прогоняет контрастность по WCAG 2.1 с проверкой hover, focus и disabled. Для сайтов за Cloudflare можно переключиться на Firefox или подцепиться к живому браузеру по CDP.

Отдельно есть MCP-режим — токены дёргает Claude, Cursor или Windsurf прямо из чата, а на выходе получаются DESIGN.md и PDF-отчёт по системе.

репозиторий

Полезная Репа 🎨