---
metadata:
  - name: generator
    content: Diplodoc Platform v5.57.3
alternate:
  - https://sourcecraft.dev/portal/docs/en/vibecraft/index.md
  - https://sourcecraft.dev/portal/docs/ru/vibecraft/index.md
  - href: en/vibecraft/index.md
    type: text/markdown
    title: Markdown version
  - href: llms.txt
    type: text/markdown
    title: llms.txt
title: Getting started with Vibecraft
description: Create your first website or application using AI in Vibecraft.
---
> **Documentation Index:** Fetch the complete configuration index at https://sourcecraft.dev/portal/docs/en/llms.txt


# Getting started with Vibecraft

<!-- source: en/_includes/vibecraft/vc-intro.md -->
_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](https://sourcecraft.dev/portal/docs/en/sourcecraft/concepts/index.md) – both frontend and backend – show you a preview, and publish the app to [Yandex Cloud](https://yandex.cloud/en).

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.

<iframe width="640" height="360" src="https://runtime.strm.yandex.ru/player/video/vplvasipwjod5nylfhnp?autoplay=0&mute=0" allow="autoplay; fullscreen; picture-in-picture; encrypted-media" frameborder="0" scrolling="no"></iframe>

[What else you can create](https://sourcecraft.dev/portal/vibecraft/#what-create)
<!-- endsource: en/_includes/vibecraft/vc-intro.md -->

<!-- source: en/_includes/vibecraft/vc-preview.md -->
{% note warning %}

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

We charge [fees](https://sourcecraft.dev/portal/docs/en/vibecraft/pricing.md) for using SourceCraft and Yandex Cloud resources.

You can access the service [on request](https://sourcecraft.dev/portal/docs/en/vibecraft/index.md#get-access).

{% endnote %}
<!-- endsource: en/_includes/vibecraft/vc-preview.md -->

To get started:
1. [Get Preview access to Vibecraft](#get-access)
1. [Describe your idea](#describe-idea)
1. [Review the preview version](#preview)
1. [Optionally, add custom images to the project](#assets)

## Get Preview access to Vibecraft {#get-access}

1. [Sign up](https://sourcecraft.dev/portal/docs/en/sourcecraft/security/registration.md) for SourceCraft.
1. Go to the [Vibecraft early access page](https://sourcecraft.dev/access-preview?app=vibeApp) 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 {#describe-idea}

1. Open the Vibecraft [home page](https://vibe.sourcecraft.dev).
1. In the chat window, describe your concept for a website or application, then click ![image](../_assets/console-icons/arrow-up.svg). Here is an example:

    ```text
    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](https://sourcecraft.dev/portal/docs/en/sourcecraft/concepts/index.md#repos) with the same name.

    {% note warning %}

    Interacting with Vibecraft in the chat consumes Code Assistant [neurocredits](https://sourcecraft.dev/portal/docs/en/vibecraft/pricing.md#cu).
    
    Your remaining neurocredit balance ![image](../_assets/console-icons/circle-letter-n.svg) is displayed on the bottom panel of the chat window.

    {% endnote %}

1. Vibecraft structures your prompt into a concise task statement. If you need to, make edits, then click **Accept**.
1. Vibecraft will generate and display a form describing the key features of your future app and additional information. Make your edits and click **Accept**.
1. The ![image](../_assets/console-icons/book-open.svg) **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 info %}

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

{% endnote %}

## Review the preview version {#preview}

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

{% note tip %}

You can interrupt the process in Vibecraft at any time. To do this, click ![image](../_assets/console-icons/circle-stop.svg) **Stop** in the chat window. The entire project context will be saved.

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

{% endnote %}

The ![image](../_assets/console-icons/eye.svg) **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 ![image](../_assets/console-icons/arrow-rotate-right.svg) to refresh the preview page.
* Click ![image](../_assets/console-icons/arrow-up-right-from-square.svg) to open the website in a new browser tab.

  {% note 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.

  {% endnote %}

* 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 ![image](../_assets/sourcecraft/src-logo.svg)</svg> **View code in SourceCraft** in the upper-right corner.

## Optionally, add custom images to the project {#assets}

1. Go to the ![image](../_assets/console-icons/shapes-4.svg) **Asset manager** tab.
1. Click **Select files** and upload the images you want to use for your website or application design.
1. In the chat window, specify where to position the uploaded assets. Here is an example:

    ```text
    Place my-logo.jpeg below the introductory paragraph.
    ```

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

{% note info %}

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

{% endnote %}

### What's next {#what-next}

* [Publish your project in Yandex Cloud](https://sourcecraft.dev/portal/docs/en/vibecraft/operations/deploy.md)
* [Attach a custom domain to your project](https://sourcecraft.dev/portal/docs/en/vibecraft/operations/attach-domain.md)

### Useful links {#see-also}

* [Vibecraft overview](https://sourcecraft.dev/portal/docs/en/vibecraft/concepts/index.md)
* [FAQ about Vibecraft](https://sourcecraft.dev/portal/docs/en/vibecraft/qa.md)
* [Vibecraft quotas and limits](https://sourcecraft.dev/portal/docs/en/vibecraft/concepts/limits.md)
* [Vibecraft pricing policy](https://sourcecraft.dev/portal/docs/en/vibecraft/pricing.md)
