Welcome to this quick start guide on creating a full-stack website with Lumi.

​
Homepage

20250821 202133 Jpe The homepage mainly contains:
screenshot-20250825-154846

Start with a Prompt

Initiate your project with a single, descriptive prompt.
screenshot-20250825-154857

Use a Template

Accelerate development by starting from our curated collection of templates.
screenshot-20250825-155003

Explore Community

Browse all public projects, including the latest creations and featured selections.
screenshot-20250825-155110

Find your projects

Browse all projects you created.
20250825-155323

Manage Your Account

Check your monthly credit balance and adjust account settings.
20250825-155328

Adjust Your Plan

Seamlessly upgrade or downgrade your subscription at any time.

​
Project Page

Screenshot 20250825 160241 Pn The project page is divided into 3 main sections:
20250825-155522

The AI Chat

This is your command center for interacting with Lumi. Use it to provide instructions, request changes, brainstorm ideas, and guide your application’s development.
20250825-155526

Preview

This is a live, interactive, and fully customizable view of your web. Click any element to test its functionality or make direct adjustments with the visual editor.
20250825-155529

Workspace

This includes information about your website, backend functions, usage of tools, domain name, security, etc.

​
The AI Chat

The primary action of AI chat is to use natural language prompts to build and refine your app. However, there are elements at the bottom of the input box to explore a bit further. Result 2 Pn Note: For every prompt you enter, you can go back into the chat and click “Revert This” anytime to undo your prompt. You’ll be asked to confirm your request, and then the app will then revert to the state it was in just prior to that point.
Note: For every prompt you enter, you can go back into the chat and click “Revert” anytime to undo your prompt. You’ll be asked to confirm your request, and then the app will then revert to the state it was in just prior to that point.20250911 154652 Jpe

​
Building your first app: step-by-step

1

Start with a Clear Prompt

Describe your app’s core function in simple language.For example：
Build a task manager for teams to assign, track, and complete tasks with progress reports.
2

Generate Your App Instantly

Lumi will automatically construct your app’s interface and backend. You can watch the process unfold live in the Preview panel.20250911 155051 Jpe
3

Refine and Customize

Use AI Chat for broad adjustments or the Visual Edits for fine-tuning details like colors and layout. Activate Discuss Mode to collaborate with the AI on complex logic before implementation.
4

Test Thoroughly

Interact with your website in the Preview panel just as a user would, clicking through every feature to ensure it functions perfectly.
5

Share and Publish

Once you’re ready to go live, click the “Publish” button to deploy your site and showcase it to the world.20250911 160827 Jpe