Gratis en open source
Je agent bouwt.
Jij bepaalt de volgende stap.
Een lichte werkruimte om de app van je coding-agent te bekijken, testen en verbeteren. Bekijk echte schermen, wijs wijzigingen aan en bouw verder vanuit de broncode.
Gratis · MIT-licentie · Je eigen agent
Claude Code
Codex
Gratis en open source
De app is het canvas.
Echte schermen met de oorspronkelijke UI-code. Probeer het openbare voorbeeld voordat je installeert.
Synthetische data · geen app-backend · geen account · geen API-sleutel
Voor bouwen, bekijken en verbeteren
- Bekijk volledige geïmplementeerde schermen, benoemde toestanden en verbonden flows samen.
- Onderhoud één UI-implementatie. Je agent maakt fixtures, adapter en dekkingscontroles.
- Probeer 77 toestanden en 44 flows met synthetische data, zonder account of API-sleutel.
Bekijk, gebruik en speel af
Zoom uit om de app te begrijpen
Volledige schermen per pagina, zoeken, filters en inklapbare panelen. Flowlinks verplaatsen de camera naar hun bestemming.
Zoom in om de echte UI te gebruiken
Browse vergrendelt bediening tijdens het schuiven. Kies een scherm en Interact om de oorspronkelijke code met tijdelijke data te bedienen.
Wijs precies aan wat moet veranderen
Selecteer een scherm of UI-element, voeg je wijzigingsverzoek toe en kopieer een referentie voor je agent. Vraag de agent de broncode aan te passen; gekoppelde previews worden opnieuw gebouwd.
Wijs precies aan wat moet veranderen
Selecteer een scherm of UI-element, voeg je wijzigingsverzoek toe en kopieer een referentie voor je agent. Vraag de agent de broncode aan te passen; gekoppelde previews worden opnieuw gebouwd.
Maak het deel van je bouwproces.
Probeer de meegeleverde app lokaal en koppel daarna je repository met je agent. Vereist Node.js 22+.
Gratis beginnennpm install -g github:tombelieber/app-canvas#v0.16.0
agent-canvas browsers
agent-canvas demoVoor je begint
Is het gratis?
CLI, canvas en skills zijn gratis en open source onder MIT. Je coding-agent kan eigen abonnements- of API-kosten hebben.
Werkt het met Claude Code en Codex?
Ja. Installeer de skills voor één of beide. Andere agents kunnen de openbare handleiding en het CLI gebruiken. Het canvas roept geen modellen aan.
Heb ik een ontwerpbestand nodig?
Begin met je app-broncode of importeer een website. De agent koppelt de bestaande UI en synthetische fixtures om schermen en toestanden samen te bekijken.
Verandert de demo mijn app?
Nee. De demo voert een vast synthetisch voorbeeld uit in de browser. Je eigen app en code pas je aan in je lokale project met je agent.
En native apps?
UIKit, SwiftUI en Android gebruiken projectspecifieke harnesses en opnamen van de oorspronkelijke runtime. Een opname is geen interactieve native app in de browser.
Reikwijdte en beperkingen
- Web gebruikt echte HTML/CSS en oorspronkelijke JavaScript voor interacties. UIKit, SwiftUI en Android vereisen harnesses en bewijs uit de oorspronkelijke runtime; een opname is geen interactieve native app.
- Dekking verbindt beoordeelde broncode met cases en ontdekt niet automatisch elke bedrijfsconditie. UI-controles kwalificeren geen productiebackend, klinische juistheid of modelprecisie.
- Viewer: standaard Engels, met 11 talen. De openbare demo is een vast synthetisch frontend; lokale integraties volgen je broncode. Prestaties op een fysieke iPad zijn niet gemeten.
Privacy en telemetrie
Optionele minimale gebeurtenissen via Cloudflare naar PostHog. Geen inhoud, code, namen, paden, e-mail of IP worden doorgestuurd naar PostHog. Je kunt dit uitzetten.