🧵 Новая серия. Разбираем статью Андрея Волгина "Дизайн-система как инструкция для AI" и два кейса, на которых она построена, — Builder и Miro. Пять постов о том, почему агент не слушается дизайн-систему и что с этим делать.

🖇 Агент собрал экран правильно — по старым ошибкам проекта 🪞

Элис Мур из Builder почти одобрила панель настроек уведомлений, которую собрал агент. На скриншоте всё было в порядке: отступы, подписи, адаптив.

🔍 Что нашлось внутри • окно взято из папки со старыми компонентами, которую держат только ради пары старых страниц; • цвет ошибки задан напрямую, а не токеном — именованным цветом из дизайн-системы. В тёмной теме и после ребрендинга он бы разъехался; • окно неправильно работало с клавиатуры — этого не покажет ни один скриншот.

🤔 Почему так вышло Агент не ошибся — он хорошо выучил проект. Старых окон в коде больше, чем новых, а устаревший вариант встречается в десятках файлов, новый — в нескольких. Агент повторил то, что команда делает, а не то, что она пишет в правилах.

🧪 Что сделать: перед тем как принять экран, спроси агента словами: "Из каких папок ты взял компоненты? Где цвета заданы не токенами? Проверял ли ты работу с клавиатуры?"

⚠️ Важно. Это опыт одного разработчика на одном проекте, а не исследование. Но механизм общий: агент учится на всём, что лежит в проекте.

Скриншот показывает, как экран выглядит. Как он собран — нет.

Дальше в серии: почему правило в документации ещё не значит, что агент его выполнил.

🔗 Источники: Андрей Волгин, "Дизайн-кабак" — designpub.ru/dizayn-sistema-kak-instruktsiya-dlya-ai-9e156ece7452 Элис Мур, Builder — builder.io/blog/how-to-make-ai-agents-follow-your-design-system

#дс_для_ии #кейс