Четыре сценария для ИИ-агента: как заставить нейросеть писать код по правилам дизайн-системы

Разработчик поставил тест: дать ИИ-агенту задачу собрать страницу с карточками, статусами и бейджами, но в четырёх разных условиях. Первый вариант — агент без контекста, второй — со скиллом правил проекта, третий — с MCP (Model Context Protocol), подключённым к документации дизайн-системы, четвёртый — комбинация всего сразу.

Без подсказок модель выдала красивый интерфейс, но под капотом — styled.div, HEX-цвета и несуществующие пропсы. Такой код не прошёл бы ревью. Лучшие результаты дало сочетание правил проекта и MCP: код соответствовал дизайн-системе, проходил typecheck и build. Вывод: скорость генерации без контроля — путь к «лабораторному чудовищу».