Dembrandt - это мощный инструмент командной строки (CLI), написанный на TypeScript, предназначенный для мгновенного извлечения дизайн-систем с любых веб-сайтов. Он позволяет быстро и точно получать дизайн-токены, включая цвета, типографику, отступы, тени, компоненты и параметры анимации (motion tokens), напрямую из отрендеренного DOM. Инструмент значительно упрощает аудит, документирование и поддержание согласованности дизайна, избавляя разработчиков и дизайнеров от необходимости ручного анализа кода.
Основные возможности
- Глубокий анализ стилей: Автоматически извлекает палитры цветов (с опциональным ML-распознаванием бренда), параметры шрифтов, сетки отступов, радиусы границ, а также анализирует CSS-переходы и анимации.
- Поддержка стандартов и AI: Экспортирует данные в форматы W3C Design Tokens (DTCG), JSON, PDF (брендбук) и специализированный формат DESIGN.md. Имеет встроенную поддержку протокола MCP для работы с AI-агентами (Claude Code, Cursor, Windsurf).
- Анализ доступности (WCAG): Проверяет контрастность текста и фона на реальных DOM-элементах, включая интерактивные состояния (наведение, фокус, неактивность), присваивая оценки AA или AAA.
- Продвинутый краулинг и обход защит: Поддерживает анализ нескольких страниц сайта одновременно (через карту sitemap.xml или ссылки в DOM) и умеет работать через движок Firefox для обхода систем защиты от ботов (например, Cloudflare).
Преимущества
- Высокая скорость и точность: Весь процесс занимает секунды и выполняется одной командой; инструмент дожидается полной загрузки тяжелых SPA-приложений для точного сбора данных.
- Универсальность использования: Идеально подходит для анализа конкурентов, переноса стилей в Figma или Tailwind CSS, а также для автоматического отслеживания изменений в дизайне (token drift) через CI/CD-пайплайны (например, GitHub Actions).
- Безопасность и автономность: Работает локально на базе Playwright без необходимости создания учетных записей (все данные остаются на вашем устройстве), поддерживает работу в изолированных средах.
- Широкая совместимость: Поддерживает эмуляцию мобильных и десктопных разрешений, извлечение стилей из темной темы, а также смену локали, часового пояса и User-Agent.
Скачать с GitHub
⬇️Поддержать автора⬇️
✅SBER:
2202 2050 1464 4675
