Skip to main content
This guide walks you through creating your first application with ForgeAI. You’ll go from sign-up to a live, iterable app in minutes.
1

Sign up or log in

Go to the ForgeAI home page and create an account or sign in with an existing one. Authentication is handled by Clerk and supports email, Google, and other social providers.
2

Write your first prompt

On the home page you’ll find the AI chat input. Type a description of the application you want to build and press Enter or click Send.A good prompt is specific about layout, content sections, and any key interactions. For example:
Build a modern SaaS landing page with pricing, FAQ, and newsletter signup.
Other prompts that work well:
Create a personal finance dashboard with a monthly budget tracker and expense chart.

Build a project management board with drag-and-drop task cards, status columns, and a team member list.
The more detail you provide — colors, sections, data types, interactions — the closer the first result will be to what you have in mind.
3

Wait for generation

ForgeAI processes your prompt using an AI model and runs the generated code in an E2B sandbox. You’ll see real-time status updates in the chat as the generation progresses. This typically takes 15–60 seconds depending on application complexity.
4

View the live preview

Once generation is complete, the project view opens automatically. The right panel shows a live preview of your application running in the sandbox — no deployment or local setup needed. You can interact with the preview directly in the browser.
5

Keep iterating

Send follow-up messages in the chat to refine your application. You can ask ForgeAI to:
  • Add or remove sections
  • Change colors, fonts, or layout
  • Add new features or pages
  • Fix anything that doesn’t look right
Each message builds on the previous context, so you can iterate naturally without starting over.
6

Upload a design screenshot (Pro)

This feature is available on the Pro plan only.
If you have a design mockup, Figma screenshot, or any reference image, you can upload it alongside your prompt. ForgeAI will use the image to match the visual structure and layout of your design when generating the code.Click the image icon in the chat input to attach a file before sending your message.
7

Edit code inline with Monaco Editor (Pro)

This feature is available on the Pro plan only.
Pro users can open the Monaco Editor panel to view and edit the generated source files directly. The editor uses the same engine as VS Code and supports syntax highlighting, autocomplete, and multi-file navigation. Changes are applied to the sandbox preview in real time.

​
Next steps

Prompt generation

Learn how to write prompts that produce the best results.

Design to code

Upload screenshots and mockups to generate pixel-accurate layouts.

Code editor

Use the Monaco editor to customize generated code.

Live preview

Understand how the E2B sandbox powers instant previews.

Build docs developers (and LLMs) love

Get started for freeTalk to us