• Фронтендера в команде не было, а бизнесу нужен был экран для просмотра задолженностей по ордерам.
• MVP-интерфейс сделали за неделю на корпоративном стеке Vue 3 + TypeScript и с дизайн-системой.
• В качестве инструментов упомянуты Cursor и Claude; ассистенту давали контекст в виде Markdown-документа с UI-правилами.
• В правилах фиксировались запреты (без сторонних UI-библиотек, минимум inline-стилей, слой client/service для API) и обязательные требования (DS-компоненты, типизация, синхронизация фильтров с query-параметрами URL, toast для ошибок).
• Автор разделяет работу: AI собирал каркас и бойлерплейт, люди закрывали интеграцию с API, фильтры, пограничные случаи и ревью.
• По результату релиз вышел в срок к концу квартала; критичных инцидентов не было, остались мелкие доработки по валидациям.

Почему это важно: Кейс показывает, как AI-ассистент может ускорять продуктовую разработку, когда интерфейс нужен быстро, а фронтовые ресурсы заняты. В описании акцент сделан на правила + дизайн-система + ревью: они ограничивают вариативность генерации и повышают повторяемость результата. Это снижает риск появления разрозненных UI-паттернов, когда разные подсказки и контексты приводят к разным решениям.

На что обратить внимание: В тексте подчёркивается, что ассистент периодически забывал ограничения и пытался тянуть лишние библиотеки или другой паттерн, поэтому качество держалось на ревью и правилах. Отдельно выделена синхронизация фильтров с URL, потому что пользователи ожидают воспроизводимый результат по ссылке, а не только локальное состояние. Остаются неясности по конкретному набору фильтров и тому, была ли пагинация серверной, что влияет на UX и нагрузку на API. Также отмечается риск «красивого» TypeScript, который не совпадает с реальными DTO, если сложные ответы не перепроверять.