В недавнем выпуске подкаста Syntax Скотт Толински и Уэс Бос обсудили критический переход от «вайб-кодинга» (хаотичного программирования на подсказках ИИ) к более надежному, детерминированному процессу. Когда первый восторг от быстрой генерации проходит, разработчики сталкиваются с горой технического долга и нестабильности.
Почему «вайб-кодинг» ломается?
Спустя месяцы тестов стало ясно: без контроля качества ИИ может превратить проект в карточный домик. Основные проблемы:
- Хрупкость: код ломается при минимальных правках.
- Избыточность: в проекте плодятся дубликаты и «мертвые» зависимости.
- Игнорирование правил: ИИ часто забывает про инструкции в config-файлах.
Инструментарий для предсказуемого результата
Чтобы ИИ выдавал структурированный код, ведущие рекомендуют внедрять автоматизированные системы анализа.
1. Борьба с хаосом и дублями
- jscpd.dev — находит дубликаты в коде (поддерживает 150 языков).
- nipkn.dev — вычисляет неиспользуемые экспорты и лишние пакеты.
- Fallow (fallow.tools) — мощный комбайн для больших проектов: ловит циклические зависимости и измеряет сложность функций.
2. Контроль сложности и CSS
Инструменты помогают отследить когнитивную сложность и участки с высокой «турбулентностью» (где код меняется слишком часто). Для стилей рекомендуются Project Wallace (анализ повторов в CSS) и Clint — сверхбыстрая утилита на базе Lightning CSS.
3. Storybook и MCP
Storybook теперь не просто витрина, а справочник для ИИ. Через MCP-серверы (Model Context Protocol) агент может получать документацию и каноничные примеры использования компонентов, что исключает ошибки в использовании API.
Отладка: Sentry и Spotlight
Вместо того чтобы вручную пересказывать нейросети ошибки из консоли, лучше использовать Sentry CLI и Spotlight. Это дает ИИ возможность видеть:
- Ошибки в реальном времени;
- Трассировку и цепочки сетевых запросов;
- Скорость рендеринга и локальные баги.
Главный инсайт: ИИ может нарушить текстовую рекомендацию в промпте, но он физически не может проигнорировать детерминированный линтер. Строгие правила ESLint и TypeScript— лучший способ «дрессировки» нейросети.
Автоматизация проверок
Для автономной работы агентов рекомендуются современные браузерные решения:
- Agent Browser — полноценный headless-браузер для задач ИИ.
- Light Panda — сверхбыстрый движок на базе V8, оптимизированный для машинного взаимодействия.
Чтобы заставить ИИ следовал плану, Скотт и Уэс советуют использовать системы задач Dex и Beads, которые хранят цепочки зависимостей прямо в репозитории.