Пятая кнопка за вечер: как обуздать хаос фронтенда, который плодят LLM-агенты

После двух месяцев вайбкодинга в пет-проекте образовалось пять компонентов кнопки, четыре спиннера, страница на 700 строк и шапка с одним балансом, пока модалка показывала другой. LLM-агент писал код уверенно и быстро, но фронтенд под ИИ деградирует даже быстрее бэкенда — из-за качества обучающей выборки (три поколения React вперемешку) и природы JSX, где разметка, логика и состояние живут в одном файле.

Автор перепробовал несколько подходов и остановился на трёх: Feature-Sliced Design, урезанный до трёх слоёв (как карта для агента); dependency-cruiser в роли архитектурного контракта, который нельзя нарушить; и кодогенерация API-клиента из OpenAPI вместо доменной модели. Также он простил Tailwind за скорость, но честно признаёт самое слабое место конвейера — агент, который верстает вслепую, без визуального контроля.

Статья — продолжение предыдущего материала про бэкенд, но читается самостоятельно. Подходит всем, кто использует LLM для генерации фронтенда и хочет сохранить архитектурную целостность.