Getting started with Vibecraft

Vibecraft is a service where you can create and publish websites and web applications by chatting with AI in a natural language without any coding.

Describe in the chat what you want to create, and Vibecraft will code a full-blown app you can edit in SourceCraft – both frontend and backend – show you a preview, and publish the app to Yandex Cloud.

The service shortens your path from an idea to an MVP or even a full product: you need no sophisticated tools or designer/developer skills. For example, you can use Vibecraft to create and publish a landing page, an online course website, a finance accounting app, a sports and health tracker, a game, or even a CRM system.

What else you can create

Warning

This feature is currently at the Preview stage and is not covered by an SLA.

We charge fees for using SourceCraft and Yandex Cloud resources.

You can access the service on request.

To get started:

  1. Get Preview access to Vibecraft
  2. Describe your idea
  3. Review the preview version
  4. Optionally, add custom images to the project

Get Preview access to Vibecraft

  1. Sign up for SourceCraft.
  2. Go to the Vibecraft early access page and click Request access.

Once your access request is approved, an email with detailed instructions will be sent to the address linked to your SourceCraft account.

Describe your idea

  1. Open the Vibecraft home page.

  2. In the chat window, describe your concept for a website or application, then click . Here is an example:

    Create a website for calculating body mass index based on user input. The calculations should be saved,
and there should be a way to track progress on a graph. Add recommendations and 
infographics for different scores.

    Based on your prompt, Vibecraft will automatically create a project and a SourceCraft repository with the same name.

    Warning

    Interacting with Vibecraft in the chat consumes Code Assistant neurocredits.

    Your remaining neurocredit balance is displayed on the bottom panel of the chat window.

  3. Vibecraft structures your prompt into a concise task statement. If you need to, make edits, then click Accept.

  4. Vibecraft will generate and display a form describing the key features of your future app and additional information. Make your edits and click Accept.

  5. The Project documentation tab with a detailed project implementation plan will open in the main window. To make changes, describe them in the chat.

    In the bottom-right corner, click Accept.

Note

Project documentation is stored in the dedicated SourceCraft repository at <project_name>/.vibecraft/docs.

Review the preview version

Once you approve the plan, Vibecraft will start building your application in real time.

Tip

You can interrupt the process in Vibecraft at any time. To do this, click Stop in the chat window. The entire project context will be saved.

To resume Vibecraft, type a command in the chat, e.g., Resume.

The Preview tab with a preview version of your application will open in the main window.

Vibecraft will notify you in the chat when the build is ready with a brief overview of how to use the application or website.

Test your application. To make fixes or improvements, describe them in the chat.

Top preview toolbar options:

  • Click to refresh the preview page.

  • Click to open the website in a new browser tab.

    Warning

    The website link is temporary, but you can use it to share the preview version.

    Anyone with the direct link can access the website while it is under development.

  • To open a specific page, type its path into the address bar, e.g., /about-us.

You can view and edit the project code in the SourceCraft repository. To open the repository, click View code in SourceCraft in the upper-right corner.

Optionally, add custom images to the project

  1. Go to the Asset manager tab.

  2. Click Select files and upload the images you want to use for your website or application design.

  3. In the chat window, specify where to position the uploaded assets. Here is an example:

    Place my-logo.jpeg below the introductory paragraph.

  4. After Vibecraft generates the new page, test the application again.

Note

Images are stored in the dedicated SourceCraft repository at <project_name>/.vibecraft/assets.

What's next

Publish your project in Yandex Cloud

Useful links

Next
Publishing a project