Gratuito e open source
Il tuo agente costruisce.
Tu dai forma al prossimo passo.
Uno spazio leggero per vedere, provare e migliorare l’app del tuo agente. Esplora schermate reali, indica cosa cambiare e continua dal codice sorgente.
Gratuito · Licenza MIT · Il tuo agente
Claude Code
Codex
Gratuito e open source
L’app è il canvas.
Schermate reali che eseguono il codice UI originale. Prova l’esempio pubblico prima di installare.
Dati sintetici · nessun backend app · nessun account · nessuna chiave API
Per costruire, verificare e migliorare
- Visualizza insieme schermate complete, stati nominati e flussi implementati.
- Mantieni una sola implementazione UI. L’agente crea fixture, adapter e verifiche di copertura.
- Prova 77 stati e 44 flussi con dati sintetici, senza account né chiave API.
Esplora, interagisci, riproduci
Allontanati per capire l’app
Schermate complete raggruppate per pagina, ricerca, filtri e pannelli richiudibili. I link dei flussi spostano la visuale alla destinazione.
Avvicinati per usare la UI reale
Browse blocca i controlli durante lo spostamento. Seleziona una schermata e Interact per usare il codice originale con dati temporanei.
Indica esattamente cosa cambiare
Seleziona una schermata o un elemento UI, aggiungi la richiesta e copia un riferimento per il tuo agente. Chiedigli di modificare il codice; le anteprime collegate al sorgente si ricostruiscono.
Indica esattamente cosa cambiare
Seleziona una schermata o un elemento UI, aggiungi la richiesta e copia un riferimento per il tuo agente. Chiedigli di modificare il codice; le anteprime collegate al sorgente si ricostruiscono.
Entra nel tuo flusso di sviluppo.
Prova l’app inclusa in locale, poi collega il repository con il tuo agente. Richiede Node.js 22+.
Inizia gratisnpm install -g github:tombelieber/app-canvas#v0.16.0
agent-canvas browsers
agent-canvas demoPrima di iniziare
È gratuito?
CLI, canvas e skill sono gratuiti e open source sotto licenza MIT. Il tuo agente può avere costi di abbonamento o API.
Funziona con Claude Code e Codex?
Sì. Installa gli skill per uno o entrambi. Altri agenti possono seguire la guida pubblica e usare il CLI. Il canvas non chiama modelli.
Serve un file di design?
Parti dal codice dell’app o importa un sito. L’agente collega UI e fixture sintetiche per esaminare schermate e stati insieme.
La demo modifica la mia app?
No. Esegue un esempio sintetico fisso nel browser. La tua app e il suo codice vengono modificati nel progetto locale con il tuo agente.
E le app native?
UIKit, SwiftUI e Android usano harness e acquisizioni del runtime originale specifici del progetto. Un’acquisizione non è un’app nativa interattiva nel browser.
Ambito e limiti
- Web usa HTML/CSS reali e JavaScript originale per interagire. UIKit, SwiftUI e Android richiedono harness e prove nel runtime originale; una cattura non è un’app nativa interattiva.
- La copertura collega codice revisionato e casi, senza scoprire automaticamente ogni condizione di business. I test UI non qualificano backend di produzione, accuratezza clinica o precisione dei modelli.
- Viewer: inglese predefinito, con 11 lingue. La demo pubblica è un frontend sintetico fisso; le integrazioni locali seguono il codice. Le prestazioni su iPad fisico non sono state misurate.
Privacy e telemetria
Eventi minimi facoltativi tramite Cloudflare a PostHog. Non vengono inoltrati contenuti, codice, nomi, percorsi, email o IP a PostHog. Puoi disattivare l’analisi.