.png?fit=max&auto=format&n=J3TfNmZhqEoKcaaO&q=85&s=468b5adb026aa33181cc81ab54ab68db)
Select Website as your artifact type
On the home dashboard, click the artifact picker and select Website (or type directly and mention you want a website).
Describe your website
Tell the agent what your site needs to do. Be specific about features, pages, and functionality.
Landing page for a subscription service.
SaaS tool with user accounts.
Portfolio site with contact form.
Answer the agent's questions
The agent asks about your requirements before writing code: what pages you need, whether you need a database, user authentication, payments, or any specific integrations. Answer these questions so the agent builds the right thing the first time.
Watch the live preview
As the agent writes code, a live preview appears in the side panel. The preview updates in real time as the agent adds features and makes changes.
Refine through conversation
Ask for changes directly in the chat. The agent edits the code and the preview updates.
Change a visual element.
Add a new feature.
Deploy when ready
When you are happy with the result, click the Publish button in the website header. Your site goes live with a public URL at yoursite.runable.site.See Deploy & Go Live for full deployment details.
What the agent sets up automatically
When the agent builds your website, it provisions the following infrastructure without you needing to configure anything:| Component | What you get |
|---|---|
| Live preview | An instant preview URL in the side panel that updates as the agent codes |
| Database | A SQLite database for storing any data your app needs |
| File storage | Object storage for uploads, images, and files |
| AI gateway | An API key for adding AI features to your website |
| Environment | A .env.local file with all necessary configuration pre-filled |