See it before it’s built.

How it works

From a rough idea to a pull request you can review.

Every screenshot here is from one Canvas session on Pantry, a sample app. Click or tap one to see it full size.

1. 01

   Write the spec

   Write what you want in Markdown, the way you’d explain it to a teammate. Canvas keeps your documents itself, so drafts stay out of your repository.

   Once there’s enough to go on, an agent reads along and leaves comments in the margin. Reply in the thread. When it suggests an edit, nothing changes until you accept it.

   Enlarge

2. 02

   Explore approaches

   When the document says enough, the agent reads it alongside your code and sketches one to three approaches: screens of your app, diagrams or worked examples. It may ask a question or two whose answers would change them.

   A dot on Explore marks a new round. It waits for you to open it, and exploring never changes your document.

   Enlarge

3. 03

   Compare them side by side

   Each approach is a short walkthrough you can click through. Compare approaches puts them next to each other, one moment at a time.

   React in your own words and the agent revises. Earlier versions stay, so you can see what changed.

   Enlarge

4. 04

   Try it, then choose

   For a web app in your repository, the agent can build live screens from your own components with sample data, so you can tick, tap and undo for real. They run sandboxed, with no network access.

   When one feels right, press Go with this.

   Enlarge

5. 05

   Build it and open the pull request

   The agent builds the approach you chose in a separate Git worktree, on its own branch, so your working copy and current branch are left alone.

   When it’s done, it offers Ship PR. Canvas pushes the branch and opens a pull request with the code, the spec and the screens you chose. Merging it is up to you.

   Enlarge