Evolve

After generation, explore your app and its components. Iterate until everything works the way you need.

After generation

Your app and its components appear in a grid. Click any one to explore its preview, documentation, code, dependencies, and API. From here you can refine using prompts or edit the code directly.

Refine with prompts

Type what you want to change in the Hope AI chat. Hope AI updates the code, re-runs tests, and validates the result. For example:

"Change the primary color to dark blue and update all buttons to match."

"Add a search bar to the navigation header."

"Create a new "Pricing" page with three plan tiers."

"Rename the Dashboard component to AdminPanel and update all references."

Edit code directly

Edit in browser

Click the "Edit Code" button in the top-right corner of your Hope AI session to open a Cloud Workspace with AI coding agents. Your edits sync back to Hope AI automatically.

Edit locallyClick "Start review" to create a lane, then import it locally. Use your favorite AI coding agent with Cloud MCP to edit components from your own environment.

What you can change

Modify app structure, routing, and layouts

Update styling, themes, and design tokens

Add, remove, or rename components

Add new pages, features, or API endpoints

Fix bugs or change component behavior

Restructure dependencies between components

Scale up with Plan mode

For complex solutions like platforms and design systems, Hope AI generates a prototype first. Once you're happy with it, Hope AI suggests entering Plan mode to architect and generate the complete solution. You can also enter Plan mode yourself by prompting "Plan a..." at any time.

When you're ready