Генерация проекта
GigaStudio создает веб-приложение по текстовому описанию — промту. При создании проекта автоматически поднимается репозиторий на GitVerse и контейнер на Cloud.ru.
Создать проект можно двумя способами:
- из промта — опишите приложение текстом;
- из шаблона — выберите готовую заготовку из каталога.
Создание из промта
Для создания проекта из промта:
- Введите описание приложения в поле «Задайте промт для GigaStudio…».
- Нажмите кнопку отправки (стрелка вправо).
GigaStudio сгенерирует проект и откроет редактор.
NOTE
При создании проекта автоматически создается новый репозиторий на GitVerse и поднимается контейнер Cloud.ru.
Создание из шаблона
Шаблоны — готовые проекты с предустановленной структурой. Используйте шаблоны, если хотите начать с рабочей заготовки.
Для создания проекта из шаблона:
- Перейдите на вкладку Шаблоны на главном экране.
- Выберите шаблон из списка или нажмите Каталог шаблонов для просмотра всех доступных шаблонов.
- Нажмите на карточку шаблона.
- Нажмите Использовать шаблон.
Как писать эффективные промты
Чем точнее описание, тем лучше результат. Придерживайтесь следующих рекомендаций.
Описывайте результат, а не технологии:
| Хуже | Лучше |
|---|---|
| «Сделай React-приложение с Redux» | «Сделай список задач с возможностью добавлять, отмечать и удалять задачи» |
| «Используй Tailwind и TypeScript» | «Сделай лендинг для кофейни: название, меню из 6 позиций, форму заказа» |
| «Напиши на чистом JS без фреймворков» | «Сделай таймер обратного отсчета с кнопками старт, пауза и сброс» |
| «Используй PostgreSQL и REST API» | «Сделай страницу для записи клиентов: выбор услуги, даты и времени» |
Описывайте содержимое, а не структуру:
| Хуже | Лучше |
|---|---|
| «Сделай многостраничный сайт» | «Сделай сайт агентства: главную с услугами, страницу команды, форму заявки» |
| «Нужен компонент с карточками» | «Сделай каталог книг: обложка, автор, жанр, кнопка «Добавить» в избранное» |
| «Добавь блок с текстом и картинкой» | «Добавь секцию «Как это работает»: три шага с иконкой и коротким описанием» |
| «Сделай форму» | «Сделай форму обратной связи: имя, email, тема обращения, текст, кнопка «Отправить”» |
Указывайте конкретные элементы интерфейса:
- страницы и разделы («главная страница, страница «О нас», форма обратной связи»);
- ключевые действия пользователя («пользователь может добавить товар в корзину»);
- внешний вид («минималистичный дизайн, темная тема»).
Примеры хороших промтов:
- «лендинг для фотографа: портфолио из 6 работ, блок с услугами и ценами, форма для записи на съемку»;
- «интернет-магазин для пекарни: каталог товаров с карточками, корзина, страница оформления заказа»;
- «профиль дизайнера: аватар, список навыков, портфолио, кнопки для связи»;
- «дашборд для трекера привычек: список привычек, отметка выполнения, прогресс за неделю»;
- «сайт для ветеринарной клиники: услуги, команда врачей, онлайн-запись на прием»;
- «калькулятор стоимости доставки: выбор города, веса посылки и типа доставки».