App Canvas · Open source · Per coding agent · v0.12.0

Tutta la tua UI. Una canvas. Codice reale.

Name: App Canvas
Author: Tom Tang

Esplora schermate, stati e flussi interattivi reali su una canvas con zoom, creata e mantenuta con il tuo agente di programmazione.

Apri la demo ↗Aggiungi al repository →

Dati sintetici · nessun backend app · nessun account · nessuna chiave API

App Canvas Cloud →

TL;DR

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.

Stati reali di StoolSense nella canvas App Canvas — Demo reale: 77 stati, 44 flussi, 121 elementi riproducibili. Include casi singoli, non 121 percorsi E2E.

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.

Premi Demo per spiegare un percorso

Riproduci successo, errore e recupero in una sessione continua, con indicazioni, didascalie, pausa, velocità e timeline dei passaggi.

Grafo reale di salvataggio fallito, bozza conservata e nuovo tentativo riuscito — Scegli un flusso per vedere schermate complete e transizioni nominate. Un link sposta la visuale alla destinazione.

Riproduzione reale dopo un salvataggio offline fallito, con bozza conservata — UI reale di errore e recupero. La riproduzione esegue azioni e verifiche definite; una linea disegnata non è un test.

Da un repository esistente a una canvas interattiva

Affida l’integrazione a un agente che legge, modifica ed esegue comandi. Non servono Storybook o elenchi manuali di schermate. L’installazione da sola non popola la canvas.

Aggiungi al repository →

App Canvas Cloud · lista d’attesa

Vuoi uno spazio ospitato? Registra il tuo interesse. Cloud non è ancora disponibile; lo strumento MIT e la demo pubblica sono già utilizzabili.

Lascia la lista

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.

Privacy e telemetria ↗

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.

App Canvas su Safari di un iPhone fisico — Cattura Safari su iPhone fisico. L’articolo tecnico descrive il passaggio dai crash al funzionamento e i limiti delle misure.

Articolo tecnico Safari

Cattura Safari su iPhone fisico. L’articolo tecnico descrive il passaggio dai crash al funzionamento e i limiti delle misure.

Articolo tecnico Safari →