Навык 24 из 39
HS-DEV-005-VIBEСоздание интерактивного веб-прототипа через AI
На основе действующего brief и критериев приёмки получить в браузерной AI-среде работающий одностраничный интерактивный прототип, пройти его основной сценарий, найти наблюдаемый дефект и провести минимум две ограниченные итерации «наблюдение → конкретное изменение → повторная проверка», сохраняя исходную цель и различая требования к поведению, содержанию и внешнему виду.
Навык не требует чтения или ручного изменения исходного кода, но человек остаётся ответственным за постановку задачи, выбор изменений, проверку поведения и решение о готовности версии.
Тренажёр навыка
Понять.
Сделать.
Подтвердить.
Что нужно уметь
На основе действующего brief и критериев приёмки получить в браузерной AI-среде работающий одностраничный интерактивный прототип, пройти его основной сценарий, найти наблюдаемый дефект и провести минимум две ограниченные итерации «наблюдение → конкретное изменение → повторная проверка», сохраняя исходную цель и различая требования к поведению, содержанию и внешнему виду.
Навык не требует чтения или ручного изменения исходного кода, но человек остаётся ответственным за постановку задачи, выбор изменений, проверку поведения и решение о готовности версии.
Как закрепить
Выбрать безопасную задачу типа калькулятора, квиза или генератора плана с одним главным действием. Подготовить brief и критерии, получить первую версию в выбранной браузерной среде, проверить основной, пустой и граничный ввод, а также узкий мобильный экран. Зафиксировать найденные разрывы, провести две узкие итерации без одновременной смены цели и дизайна целиком, сравнить версии и принять явное решение о готовности к публикации.
Как проверить перенос
За 90 минут получить новую карточку задачи другого типа, безопасные контрольные данные и браузерную AI-среду без готового промпта. Самостоятельно собрать интерактивный прототип, обнаружить заложенный или возникший существенный дефект, исправить его ограниченным запросом, повторно проверить затронутые сценарии и передать evidence-пакет, достаточный для независимого решения о готовности.
Результат, а не ощущение
Evidence
освоения
- утверждённый brief и заранее заданные критерии приёмки;
- работающий preview с одним понятным главным сценарием;
- проверки основного, пустого и граничного ввода и мобильного экрана;
- журнал минимум двух итераций с наблюдением, запросом, результатом и решением;
- сравнение первой и итоговой версии;
- повторная проверка изменённого поведения и отсутствие существенной регрессии;
- явное решение: готово к публикации, требуется доработка или задача остановлена.
Антипаттерны
Типовые ошибки
- просьба «сделай приложение» без brief и проверяемого результата;
- принятие красивого первого экрана без проверки интерактивного сценария;
- одновременная смена логики, содержания и дизайна без возможности установить причину результата;
- бесконечные запросы «сделай лучше» без наблюдаемого дефекта;
- исправление одного сценария без повторной проверки остальных;
- передача сервису реальных секретов или персональных данных вместо fixture;
- утверждение о готовности только по сообщению AI, без самостоятельного запуска preview.