Build faster. Think bigger.

CGM turns clear instructions into working web apps. Write a prompt, review the preview, and iterate with AI—without breaking your flow.

How it works

Step 1
Write your prompt
Go to the home page and describe what you want to build in the form. You’ll need to sign in to start a project. After submitting, you’ll be taken to your Project page.
Step 2
Preview & Code
In the Project page, switch between the live Previewand the Code view at any time to inspect what CGM generated.
Step 3
Iterate with AI
Use the chat to ask for changes, new features, or fixes. Each message consumes credits. When you run out, purchase more on /pricing.

Write better prompts

The more specific you are, the better the result. Think of a prompt as a product spec: what to build, how it should look, how it should behave, and any constraints.

Be specific
  • Describe pages, routes, and key components.
  • Mention layout, sections, and interactions.
  • Provide sample content and copy when possible.
"Build a Next.js app with a pricing page (3 tiers), a blog with categories, and a dashboard with charts. Use Tailwind + shadcn. Minimal, responsive."
Set constraints
  • Prefer or avoid certain libraries.
  • Specify data models and actions.
  • Indicate performance or accessibility goals.
"Use Prisma with PostgreSQL (Neon). Create a Product model (name, price, sku). Use shadcn forms. No external chart libs beyond what's included."
Iterate like a conversation

Start broad. Then refine: “Make the hero tighter”, “Swap the CTA to outline on mobile”, “Add loading states to the dashboard cards”.

"Tighten spacing on the pricing page (less vertical padding on cards). Make headings bolder. Add a success toast after checkout."

Your Project workspace

Preview
See changes in real time. E2B powers the preview so you can interact with your app before exporting code.
Code view
Inspect generated files, navigate the tree, and validate structure. Switch back to the preview any time.
Chat
Ask CGM to fix bugs, add features, or adjust styling. Each message uses credits so you stay in control of costs.

Credits & plans

Credits power AI conversations and generations. If you run out, you can buy more at any time. Choose the plan that fits your workflow.

Ready to build?

Sign in, describe your idea, and let CGM take it from first draft to finished app.