Preview

Preview is where you inspect the current version of your project before publishing it.

Use it whenever you want to check layout, copy, interactions, routes, or responsive behavior after asking AI to make a change.

How it works

The workspace shows chat and Preview side by side. Ask for a change in chat, then review the result in Preview.

If the project has multiple pages or routes, use the preview path field to open a specific page. If the view looks stale, refresh Preview before asking AI to make another change.

Key capabilities

Live visual review: See the latest generated project inside the workspace.
Device viewports: Switch between PC, tablet, and mobile views to catch responsive layout issues.
Route testing: Open a specific path when the project includes multiple pages.
Open in new tab: Use the external preview URL when you need a larger browser window.
Refresh Preview: Reload the current project view after a generation, route change, or asset update.
Pre-publish checks: Review the project before you publish or share it.

How to review a change

Ask AI for one clear change.
Wait for the generation to finish.
Open Preview.
Check the changed screen in PC view.
Switch to mobile and tablet views.
Open any important routes.
If the result is wrong, describe the visible issue in chat and ask for a focused fix.

Small, specific follow-up requests usually work better than asking AI to redesign many things at once.

Preview URLs

Preview URLs are temporary and expire after 30 minutes.

Use Preview for internal review while you are building. If you need to send a stable link to teammates, customers, or testers, publish the project and share the published URL instead.

When Preview is not enough

Use the published URL for final checks involving:

custom domains
production SEO metadata
payment provider callbacks
auth provider redirects
analytics traffic
public sharing

Preview is good for fast iteration. The published URL is the right place to verify production behavior.