Сначала план: ТЗ на одну страницу
Урок 5 из 26 курса «Вайбкодинг: курс с нуля». Бесплатно, с анимациями и тестом.
Зачем план до кода
ИИ не читает мысли. Всё, что ты не сказал, он додумает сам, и часто не так, как ты хотел. Попросил «трекер для зала», а получил приложение с оплатой, чатом и рейтингом, хотя нужно было просто отмечать тренировки. Потом полдня переделок. Короткий план до первой строки кода экономит больше времени, чем занимает. Звучит скучно, на деле это пять минут.
ТЗ на одну страницу
ТЗ, техническое задание: короткое описание того, что ты строишь. Запрос из прошлого урока описывает один шаг, а ТЗ описывает весь проект. Пять строк. Цель: одно предложение, зачем это. Для кого: кто будет пользоваться. Три главные функции. Что не делаем сейчас. Готово, когда: по каким признакам понять, что всё получилось. На картинке пример для трекера тренировок.
Три функции и «не делаем»
MVP, минимальная рабочая версия: самый маленький вариант, который уже приносит пользу. Для трекера это три функции: отметить тренировку, видеть серию дней подряд, смотреть простую статистику. Строка «не делаем сейчас» не менее важна: оплата и чат подождут. Частая ошибка: вписать сразу два десятка функций. Проект тонет, и ничего не доходит до конца.
«Готово, когда…»
Последняя строка: короткий чек-лист, то есть список пунктов, которые можно отметить галочкой. Пример: «открывается и удобно работает с телефона», «отметка сохраняется после перезагрузки страницы», «друг смог зарегистрироваться сам». Без этой строки проект можно улучшать вечно. С ней ты знаешь, когда остановиться и выложить результат.
Сначала план, потом код
Отдай ТЗ ИИ и попроси пока не писать код: «Предложи структуру проекта и разбей работу на шаги». Прочитай ответ. Если ИИ добавил лишнее или что-то не понял, поправь план сейчас, пока это пара строк текста. Потом по шагам: каркас, то есть пустой скелет страницы, первая функция, вторая, публикация. Храни ТЗ в проекте и давай его ИИ в каждом новом чате.
Проверь себя
- Зачем в ТЗ строка «не делаем сейчас»?
Правильный ответ: Чтобы ты и ИИ не тратили силы на лишнее. Без этой строки ИИ сам добавит оплату, чат и прочее. Явный запрет держит проект маленьким и доводимым до конца. - Что такое MVP?
Правильный ответ: Самая маленькая версия, которая уже полезна. MVP: минимальная рабочая версия. Она уже решает главную задачу, а остальное добавляют потом. - ТЗ готово. О чём попросить ИИ первым делом?
Правильный ответ: Предложить структуру и шаги, пока без кода. Сначала проверь, как ИИ понял задачу. Поправить план из пары строк проще, чем переписывать готовый код.