Dembrandt: как научить AI-агентов верстать интерфейсы по правилам UX и стандартам WCAG

Нейросети пишут сносный код, но при генерации UI часто выдают технически корректный, но визуально слабый результат. Dembrandt меняет подход к работе AI-агентов с фронтендом. Инструмент парсит дизайн-систему любого живого сайта и собирает структурированный файл DESIGN.md. Агент получает реальные токены — цвета, типографику, сетки — прямо из DOM, а не пытается угадать стили по текстовому описанию.

Теперь разработчики выпустили пакет из 40 UX-навыков для агентов в Claude Code, Cursor и Windsurf. Библиотека устанавливается через терминал командой npx skills add dembrandt/dembrandt-skills --all и подключается по протоколу MCP. По сути, это экспертиза продуктового дизайнера, упакованная в понятный для LLM формат. Агент получает строгие инструкции по работе с модульными шкалами типографики, шестью состояниями интерактивных элементов, правильной организацией слоев и поведением скролла.

Внутри пакета зашит оркестратор, который прогоняет генерацию через шесть этапов: от фундамента бренда до финальной проверки доступности. Агент собирает компоненты с жестким учетом стандартов WCAG 2.2, проверяет контрастность, ARIA-атрибуты и фокусы для навигации с клавиатуры. В результате IDE сразу выдает интерфейсы с правильной визуальной иерархией, избавляя от необходимости вручную править отступы и выравнивать элементы после каждого промпта.