Нейросети пишут сносный код, но при генерации 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 сразу выдает интерфейсы с правильной визуальной иерархией, избавляя от необходимости вручную править отступы и выравнивать элементы после каждого промпта.
Поделиться:
Трехнедельный интенсив «Продленкус» от Студии Лебедева: отказ от Figma в пользу работы со смыслами
Самый громкий академический скандал десятилетия: как профессор Кембриджа выдумал свою биографию