Generating a web app

Step-by-step

1. 1
   Open the dashboard and start a new project

   From the dashboard, click New project and select Web App. You'll land in the editor with an empty prompt input.

   New project — Web App selectedScreenshot placeholder — to be added after testing
2. 2
   Write your prompt

   Describe the app in plain English. Include the screens, data fields, and style you want. A credit estimate of 1 credit is shown before you generate. Click Generate to start.

   Prompt inputScreenshot placeholder — to be added after testing
3. 3
   Generation runs

   Generation takes 15–60 seconds. The file tree fills in on the left and code streams on the right. The preview pane updates live as each file is written.

   Generation in progressScreenshot placeholder — to be added after testing
4. 4
   Preview your app

   The right panel shows a live iframe preview of your app. Click elements directly to select them (click-to-edit mode), or use the chat panel to describe larger changes.

   Live preview paneScreenshot placeholder — to be added after testing
5. 5
   Iterate with follow-up prompts

   Type follow-up prompts in the chat panel to change specific parts of the app. Each iteration costs 1 credit and creates a new snapshot — you can always go back to any previous version.

   Chat panel with follow-up promptScreenshot placeholder — to be added after testing