# Agent Canvas

> A free, MIT-licensed visual workspace for reviewing and refining real apps built with coding agents.

Canonical product: https://agent-canvas-app.pages.dev/

## Start here
- [Product](https://agent-canvas-app.pages.dev/): real screens, named states and connected flows.
- [Interactive synthetic demo](https://agent-canvas-app.pages.dev/demo/): try the example without login or a model API key. The hosted demo does not edit your repository or run an LLM.
- [Quickstart](https://agent-canvas-app.pages.dev/about/start/): install the pinned GitHub release, add the canvas to an existing project, then verify first success.
- [Agent guide](https://github.com/tombelieber/app-canvas/blob/v0.16.0/AGENT_GUIDE.md): authoritative repository integration instructions.
- [Source and MIT license](https://github.com/tombelieber/app-canvas): source, releases and issue reporting.

## Supported workflow
1. Use a coding agent that can inspect/edit your app source and run local commands. Claude Code and Codex have a bundled installable skill; other agents can follow the agent guide.
2. The agent inventories the whole app, creates synthetic fixtures and adapters, and renders original application UI. Installation alone does not populate a project.
3. Review screens and states, interact with the original web UI, and play authored journeys. Ask your agent to refine the source; source-backed previews rebuild.
4. Verify inventory, cases and interactions before treating coverage as complete.

## Boundaries
- The runtime makes no model calls; your chosen coding agent has its own permissions and costs.
- The public demo contains synthetic data, no production session, backend or real health records.
- URL imports provide an independent local editable capture, not a promise to modify the source website.
- Native UIKit, SwiftUI and Android previews require original-runtime harnesses and evidence. Captures are not live native controls.
- UI coverage does not qualify production backends or model accuracy.
- Optional usage telemetry is separate from app content; see the repository's docs/telemetry.md for fields and opt-out.

## Languages
- [English](https://agent-canvas-app.pages.dev/)
- [繁體中文](https://agent-canvas-app.pages.dev/about/zh-TW/)
- [简体中文](https://agent-canvas-app.pages.dev/about/zh-CN/)
- [日本語](https://agent-canvas-app.pages.dev/about/ja/)
- [Español](https://agent-canvas-app.pages.dev/about/es/)
- [Français](https://agent-canvas-app.pages.dev/about/fr/)
- [Deutsch](https://agent-canvas-app.pages.dev/about/de/)
- [Português](https://agent-canvas-app.pages.dev/about/pt/)
- [Italiano](https://agent-canvas-app.pages.dev/about/it/)
- [한국어](https://agent-canvas-app.pages.dev/about/ko/)
- [Nederlands](https://agent-canvas-app.pages.dev/about/nl/)