Дмитрий Ваницкий написал об опыте тестирования вайбкод-прототипа с фронтендом и бекендом.

— Вероятность получить ТЗ не в виде длинной спецификации, а в виде вайбкод-прототипа с каждым днём становится всё больше;
— Надо учиться их запускать, а также тестировать с пользователями;
— Потребуется редактор кода. К VS Code можно подключить любой ИИ. Дмитрий остановился на Antigravity благодаря агентному подходу и продвинутому планированию при решении задач;
— Прототип без бекенда (React app, который сам считает и хранит данные в локальном хранилище) можно легко посмотреть на своём компьютере;
— Для пользовательского тестирования такие прототипы можно сделать доступными в интернете через Netlify или Vercel;
— Зачем нужен прототип с бекендом: использовать реальные данные (дамп базы), обрабатывать запросы не на фронте ради безопасности, тестировать более длинные сессии;
— Чаще всего придётся иметь дело с Vite-проектом. Достаточно попросить ИИ проанализировать проект и запустить его;
— Чтобы всё работало не только у вас на компьютере, регистрируйтесь в GitHub и публикуйте проект там;
— Коммитьте чаще, чтобы не сильно откатываться назад, когда всё сломается;
— Проекты, требующие только фронта, можно публиковать в GitHub Pages, а можно в Vercel или Netlify через интеграцию с Гитхабом (указать его как вендора);
— Если нужен бекенд, репозиторий в GitHub можно подключить к Railway. Надо прописать в конфиге Vite нужный URL, чтобы не ссылаться на локалхост;
— При тестировании на реалистичных данных может потребоваться подменить данные из дампа базы выдуманными, сохранив логику и связи. Дмитрий поделился ИИ-скилом для этого;
— Для немодерируемых тестов таких прототипов подойдут Maze, Useberry, бесплатная платформа Display;
— Чтобы система понимала, когда заканчивать тест, открытие целевого экрана должно сопровождаться изменением URL;
— Если у вас React-приложение, которое работает на стейтах, попросите ИИ добавить подмену URL на финальные экраны.

#prototype #user_testing #ai #tool