Практические упражнения на дебаггинг без кода
Упражнение 1. Построение цепочки промптов для поиска невидимого бага
Бизнес-ситуация: В интерфейсе веб-сервиса при клике на кнопку «Оформить заказ» ничего не происходит: форма не очищается, модальное окно успешной оплаты не всплывает, при этом в стандартной консоли DevTools (Console Tab) нет ни одной красной ошибки. Новичок пишет прямой эмоциональный запрос: «Форма заказа полностью сломалась и не реагирует! Перепиши код формы заново и сделай так, чтобы всё работало!». В ответ ИИ заново переписывает весь компонент, стирает валидацию полей и ломает стили верстки.
Задание: Проведите рефакторинг действий. Сформулируйте правильную 3-этапную каскадную цепочку промптов (Prompt Chain) для безопасной диагностики, поиска первопричины и точечного исправления бага без риска разрушения кода.
Критерии правильного ответа
1. Шаг 1 (Диагностика без изменения кода): Промпт требует от ИИ составить пошаговую инструкцию по проверке вкладки Network (XHR/Fetch) и событий клика в DevTools, с явно установленным запретом редактировать файлы. 2. Шаг 2 (RCA на основе полученных фактов): После обнаружения упадающего запроса в ИИ отправляется RCA-запрос с указанием конкретных точных данных. 3. Шаг 3 (Точечное исправление по плану): Промпт разрешает внесение изменений строго в рамках утвержденного плана с локализацией в 1 файле. 4. На 1-м и 2-м шагах цепочки явно прописаны стоп-директивы (запрет на генерацию кода и модификацию файлов).
Упражнение 2. Определение момента срабатывания «Стоп-крана»
Бизнес-ситуация: Вы попросили ИИ исправить форму входа. Попытка 1: ИИ изменил файл LoginForm.jsx. Появилась ошибка «Cannot read property of null». Попытка 2: Вы отправили ошибку. ИИ изменил файлы LoginForm.jsx и App.jsx. Форма вообще исчезла с экрана. Попытка 3: ИИ предложил переписать полностью серверную часть и установить 3 новых npm-пакета.
Задание: На каком этапе нужно было применить «Стоп-кран»? Опишите пошаговые действия по восстановлению проекта.
Критерии правильного ответа
1. «Стоп-кран» должен был сработать после Попытки 2 (превышен лимит 2 ошибок, затрагнуты чужие файлы). 2. Действия: Отмена правок через Discard Changes / Git Reset к состоянию до Попытки 1. 3. Закрытие текущего чата (New Chat) и составление изолированного RCA-промпта.