Как начать работать с Vibecraft

Vibecraft — сервис, с помощью которого вы можете создавать и публиковать сайты и веб-приложения, общаясь с ИИ на естественном языке без программирования.

Опишите в чате, что хотите создать, а Vibecraft сгенерирует редактируемый в SourceCraft код полноценного приложения, включающего фронтенд и бэкенд, покажет предварительную версию и после опубликует его в Yandex Cloud.

Сервис сокращает путь от идеи до MVP или даже полноценного продукта — вам не нужны специальные инструменты и навыки дизайнера или разработчика. Например, с помощью Vibecraft вы можете создать и опубликовать лендинг, сайт с онлайн-курсом, приложение для учета финансов, трекер спортивной активности и здоровья, игру или даже CRM-систему.

Что еще можно создать

Важно

Функциональность сервиса находится на стадии Preview и не попадает под действие соглашения об уровне обслуживания SLA.

Взимается плата за использование ресурсов SourceCraft и Yandex Cloud.

Доступ к сервису предоставляется по запросу.

Чтобы начать работу с сервисом:

  1. Получите доступ к Vibecraft на стадии Preview
  2. Опишите идею
  3. Посмотрите предварительную версию
  4. (Опционально) Добавьте в проект собственные изображения

Получите доступ к Vibecraft на стадии Preview

  1. Зарегистрируйтесь в SourceCraft.
  2. На странице раннего доступа к Vibecraft нажмите Запросить доступ.

После одобрения доступа на почту, привязанную к учетной записи SourceCraft, придет письмо с подробной информацией.

Опишите идею

  1. Откройте главную страницу Vibecraft.

  2. В окне чата опишите свою идею для сайта или приложения и нажмите , например:

    Создай сайт для расчета индекса массы тела по введенным показателям. Расчеты должны сохраняться,
и должна быть возможность видеть свой прогресс на графике. Снабди сайт рекомендациями и 
инфографикой под разные результаты.

    Под вашу идею автоматически будут созданы проект в Vibecraft и одноименный репозиторий в SourceCraft.

    Важно

    Работа с Vibecraft в чате потребляет нейрокредиты Code Assistant.

    Оставшаяся квота нейрокредитов отображается на нижней панели чата.

  3. Vibecraft структурирует вашу идею и предложит краткую формулировку задания. Если нужно — откорректируйте ее и нажмите Принять.

  4. Далее Vibecraft выведет форму с основными возможностями будущего приложения и дополнительной информацией. Внесите правки и нажмите Принять.

  5. В основном окне откроется вкладка Документация проекта с проработанным планом реализации вашего проекта. Если что-то нужно исправить — напишите в чате.

    В правом нижнем углу нажмите Принять.

Примечание

Документация проекта размещается в одноименном репозитории SourceCraft по пути <название_проекта>/.vibecraft/docs.

Посмотрите предварительную версию

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

Совет

В любой момент вы можете прервать выполнение действия в Vibecraft. Для этого в окне чата нажмите Остановить. Весь контекст проекта при этом будет сохранен.

Чтобы возобновить работу Vibecraft, напишите об этом в окне чата, например Продолжи работу.

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

Vibecraft отчитается в чате о выполненной работе и кратко объяснит, как пользоваться приложением или сайтом.

Протестируйте приложение. Если что-то нужно исправить или улучшить, напишите об этом в чате.

Инструменты на верхней панели предварительного просмотра:

  • Чтобы обновить страницу с предварительным просмотром, нажмите .

  • Чтобы открыть сгенерированный сайт на новой странице браузера, нажмите .

    Ссылка на сайт временная, но вы можете использовать ее, чтобы показать кому-то предварительную версию.

  • Чтобы перейти к конкретной странице сайта, введите ее в адресной строке, например /about-us.

Примечание

Сгенерированный код проекта доступен для просмотра и редактирования в репозитории SourceCraft. Чтобы открыть репозиторий, в правом верхнем углу нажмите Посмотреть код в SourceCraft.

(Опционально) Добавьте в проект собственные изображения

  1. Перейдите на вкладку Менеджер ассетов.

  2. Нажмите Выбрать файлы и загрузите изображения, которые вы хотите использовать в дизайне сайта или приложения.

  3. В окне чата напишите, где нужно использовать загруженные элементы, например:

    Размести на странице после вводного абзаца изображение my-logo.jpeg.

  4. После того как Vibecraft заново сгенерирует страницу, протестируйте приложение повторно.

Примечание

Изображения размещаются в одноименном репозитории SourceCraft по пути <название_проекта>/.vibecraft/assets.

Что дальше

Опубликуйте проект в Yandex Cloud

См. также

Следующая
Публикация проекта