Bearisbug / Quilt

Quilt 
 AI-native infinite-canvas design tool. 
 Describe an app, get a set of consistent multi-screen HTML designs on an infinite canvas, 
 click through them as a working prototype, and let your local coding agent read and write the canvas over MCP.
 English · 中文 
---
Quilt runs entirely on your machine: one process, no accounts, no cloud backend. Data lives in `~/.quilt`. Generation goes through whichever channel you choose: your local Claude subscription (the `claude` CLI), an Anthropic / Gemini / OpenAI-compatible API key, or a Claude Code session you already have open.
## What it does
- **Generate** ("造"). Type what the app is. The planner lays out a 4–6 screen main flow (or exactly the number you pick, 1–4), each screen is generated as self-contained HTML against the project's design system, linted, screenshotted and placed on the canvas. Ask for up to 4 candidate versions per screen and adopt the one you like. Running jobs sit as chips above the composer; a failed one stays there with the reason, plus a retry button when the job can be re-run as is.
- **Edit** ("改"). Select screens and describe the change. Inside a focused screen, `⌘E` picks any element: edit its text, classes and link target with zero tokens, regenerate just that subtree with AI, or pin annotations on elements and send them in a batch. New revisions swap into the live screen in place.
- **Sketchbook**. A full-page board for one-off components and pages outside any project. Describe one, refine it with point-and-edit or pins, flip between versions, then copy it into a project as a new screen, over a whole screen, or in place of one block.
- **Infinite canvas.** Screenshots tiled on a pan/zoom canvas, drag to arrange, multi-select alignment (align, distribute, one-click row / column), positions persisted. `⌘K` jumps to a screen by name, route or purpose; a screen list panel filters by dangling links / pending candidates / deviations / in-progress; a minimap shows every card and the viewport. Double-click a screen to focus it as a live iframe you can scroll, type into and click. The composer docks to the left, right or bottom edge and collapses into a pill.
- **Prototype playback.** Links, form actions and `data-href` buttons navigate between screens inside the focused iframe with state kept and a back stack. Mark a screen as an *overlay* (bottom sheet, dialog) and it is presented on top of the screen that opened it instead of replacing it. Give a screen *state variants* (empty, error, logged out…) — same route, same layout, switchable while playing. The app map is derived from the HTML; broken links are flagged and can be fixed in one click; missing routes can be generated lazily. Export the whole thing as a single offline HTML file.
- **Design system.** A seed color derives a Material 3 token set plus a `DESIGN.md` and component recipes. Override with an explicit brand palette (light and dark), upload logos and assets, save the whole thing as a preset for the next project