К содержанию
Создание продуктов с AI

Модуль 2 · Урок 5 из 12 · 45 мин · Практика

Прототип без кода за вечер

/ 01Зачем это нужно

Прототип нужен, чтобы показать идею пользователю, а не чтобы построить продукт. Конструкторы позволяют собрать его за часы.

/ 02Суть

  • Lovable, Bolt, V0, Replit собирают интерфейс и логику по текстовому описанию.
  • Описывайте экран за экраном: что видит пользователь, что нажимает, что получает.
  • Подключайте модель через API только для ядра продукта; остальное можно «захардкодить».

/ 03Схема

Прототип за три итерации
  1. 01Главный экран
  2. 02Ввод + вызов модели
  3. 03Результат + «Исправить»
  4. 04Показ 2 пользователям

/ 04Разбор примера

Европа

Прототип за 3 итерации

Lovable — шведский конструктор, ставший одним из самых быстрорастущих AI-продуктов Европы. Типовой путь: (1) описать главный экран, (2) добавить форму ввода и вызов модели, (3) добавить экран результата с кнопкой «исправить». Три промпта — и прототип можно показывать.

/ 05Как сделать в инструменте

Lovable ↗Работает из России с ограничениями оплаты; аналоги — Bolt, V0, Replit

  1. 1Создайте проект и вставьте шаблон промпта из урока
  2. 2Проверьте главный экран и попросите упростить, если лишнего много
  3. 3Подключите вызов модели через встроенную интеграцию или API-ключ
  4. 4Опубликуйте и скопируйте ссылку
  5. 5Покажите двум пользователям и запишите реакции дословно

/ 06Шаблон

Сделай веб-приложение для [пользователь].
Главный экран: [что видно].
Пользователь вводит: [данные].
Приложение вызывает модель с инструкцией: [инструкция].
Показывает результат: [формат] с кнопками «Скопировать» и «Исправить».
Стиль: минималистичный, светлый.

/ 07Задание

Упражнение · ≈ 90 мин

Соберите прототип своей идеи в любом конструкторе по шаблону. Покажите его двум людям из целевого сегмента.

Готово, когда

  • — Ссылка на работающий прототип
  • — Записаны реакции двух пользователей

/ 08Частые ошибки

  • Добавлять регистрацию и оплату в первый прототип
  • Описывать продукт абстрактно вместо экранов
  • Показывать прототип друзьям, а не сегменту

/ 09Самопроверка

  1. 1. Зачем нужен первый прототип?

/ 10Глубже