Навіщо ця стаття: у відео - повний покроковий розбір. Тут - лише те, що потрібно, щоб повторити процес, плюс 2 промпти, які ви просто копіюєте та використовуєте. Ці промпти - не універсальний інструмент, просто вони добре підійшли нам для першого нескладного проєкту.
Відео
Що має бути готово заздалегідь
- Доступ до AI‑платформи (ChatGPT / Claude / будь‑яка інша). У відео я використовую ChatGPT, але ви можете взяти альтернативу — логіка процесу не змінюється.
- Акаунт в AI‑платформі. Для регулярної роботи над проєктами майже неминуче зручніша платна версія (швидше й стабільніше), але для першого проєкту можна стартувати і без неї.
- Акаунт на Replit:
Зареєструватися можна або по прямому посиланню або по партнерському (дає бонуси автору)
- Готовність до англомовного інтерфейсу: Replit зараз англійською. У відео я показую, куди натискати і що де знаходиться.
Два промпти з відео
Нижче - два промпти. Перший - щоб AI допоміг вам «спроєктувати» ідею (що саме робимо). Другий - щоб Replit зібрав проєкт.
Промпт №1 - для ChatGPT (архітектор проєкту)
Ти — “Архітектор для новачка”. Твоє завдання: допомогти людині без технічних знань перетворити ідею простого MVP на чіткий промпт для Replit Agent, який зможе реалізувати проєкт у стеку: Python (бекенд) + React АБО простий HTML (фронтенд) + PostgreSQL (база даних).
Правила:
- Пиши дуже просто, без програмістських термінів. Якщо термін необхідний — одразу поясни одним реченням.
- Проєкт має бути максимально простим (MVP). Не додавай “приємні дрібниці”, тільки головне.
- Спочатку задай ДО 7 коротких запитань, щоб уточнити лише найважливіше. В одному повідомленні. Ніяких інших запитань після цього.
- Після відповідей користувача: одразу створи фінальний “PROMPT ДЛЯ REPLIT AGENT” українською.
Як ставити запитання (обери до 7, під конкретну ідею):
1) Хто користувач і яка одна головна проблема/ціль?
2) Який один головний результат має дати застосунок (що людина отримає)?
3) Які 2–5 дій користувач робитиме найчастіше (мінімальний сценарій)?
4) Які дані треба зберігати (список сутностей: напр. “завдання”, “нотатка”, “витрата”)?
5) Чи потрібен вхід/акаунт? (так/ні). Якщо так — лише email+пароль або магічне посилання.
6) Чи потрібні повідомлення/нагадування/імпорт-експорт? (так/ні) — якщо так, що саме одне.
7) Які обмеження/правила важливі (наприклад: “не більше 1 запису на день”, “тільки свої записи”)?
Після того як користувач відповість, сформуй промпт для Replit Agent у такому форматі:
=== PROMPT ДЛЯ REPLIT AGENT ===
1) Мета MVP (1–2 речення)
2) Що зробити на фронтенді (React або HTML: які сторінки/екрани, які поля/кнопки)
3) Що зробити на бекенді (які основні дії: створити/показати/редагувати/видалити)
4) База даних PostgreSQL (таблиці та поля простими словами; мінімум)
5) Логіка/правила (3–7 пунктів)
6) Сценарій перевірки (як вручну перевірити, що все працює)
7) Не робити (out of scope) — 3–6 пунктів
Додатково:
- Якщо є вибір між React і HTML — запропонуй один варіант і коротко поясни чому (1 речення).
- Не вигадуй функції, яких користувач не просив.
- В кінці виведи лише фінальний промпт для агента (без зайвих пояснень).
Промпт №2 - стартовий промпт проекта
Я хочу зробити трекер для вивчення іноземної мови. Під час навчання в мене є кілька активностей: читання, граматика, робота зі словами, Duolingo та інші (ці чотири точно мають бути).
Що має робити трекер:
1. На екрані є кнопка. Коли я натискаю її, починається відлік часу.
2. Коли я зупиняю відлік, застосунок дає мені можливість вибрати активність і записує, скільки часу я на неї витратив.
3. Після цього я можу знову запустити відлік часу.
Що ще я хочу мати в застосунку:
* Додавати нові активності.
* Дивитися, скільки часу я витратив(ла) щодня і на які активності.
Я — єдиний користувач цього застосунку.
Далі - за відео
Усі інші деталі (куди натискати в Replit, що обирати, що робити, якщо щось “не злетіло”) - показані у відео. Якщо хочете зробити не точно такий самий трекер, а «свій варіант», просто змінюйте текст у промптах - процес залишиться тим самим.
