App Canvas · Open source · Pensé pour les agents · v0.12.0

Toute votre UI. Un canevas. Le vrai code.

Name: App Canvas
Author: Tom Tang

Explorez les écrans, états et parcours interactifs réels dans un canevas zoomable, créé et maintenu avec votre agent de programmation.

Ouvrir la démo ↗Ajouter à votre dépôt →

Données synthétiques · sans backend d’app · sans compte · sans clé API

App Canvas Cloud →

TL;DR

Voyez ensemble les écrans complets, leurs états nommés et les parcours implémentés.
Une seule implémentation UI. Votre agent crée fixtures, adapter et contrôles de couverture.
Essayez 77 états et 44 parcours avec des données synthétiques, sans compte ni clé API.

États réels de StoolSense sur le canevas App Canvas — Démo réelle : 77 états, 44 parcours et 121 entrées lisibles. La file inclut des cas isolés, pas 121 parcours E2E.

Voir, utiliser, rejouer

Dézoomez pour comprendre l’application

Écrans complets regroupés par page, recherche, filtres et panneaux repliables. Un lien de parcours déplace la caméra vers sa destination.

Zoomez pour utiliser la vraie UI

Browse verrouille les contrôles pendant le déplacement. Sélectionnez un écran puis Interact pour utiliser son code original avec des données jetables.

Lancez Demo pour expliquer un parcours

Rejouez succès, échec et récupération dans une session continue : repères d’action, légendes, pause, vitesse et chronologie des étapes.

Graphe réel : échec de sauvegarde, brouillon conservé, puis nouvelle tentative réussie — Choisissez un parcours pour voir ses écrans complets et transitions nommées. Un lien déplace la caméra vers sa destination.

Relecture réelle après un échec de sauvegarde hors ligne, avec brouillon conservé — Vraie UI d’échec et de récupération. La lecture exécute des actions et vérifications ; tracer un lien ne constitue pas un test.

Du dépôt existant au canevas interactif

Confiez l’intégration à un agent capable de lire, modifier et exécuter des commandes. Aucun Storybook ni inventaire manuel préalable requis. Installer le paquet ne peuple pas le canevas.

Ajouter à votre dépôt →

App Canvas Cloud · liste d’attente

Vous souhaitez un espace hébergé ? Inscrivez votre intérêt. Cloud n’est pas encore disponible ; l’outil MIT et la démo publique le sont déjà.

Quitter la liste

Confidentialité et télémétrie

Événements minimaux facultatifs via Cloudflare vers PostHog. Aucun contenu, code, nom, chemin, e-mail ou IP n’est transmis à PostHog. Vous pouvez désactiver l’analyse.

Confidentialité et télémétrie ↗

Portée et limites

Le Web utilise le vrai HTML/CSS et le JavaScript original pour les interactions. UIKit, SwiftUI et Android exigent des harnesses et preuves du runtime d’origine ; une capture n’est pas une app native interactive.
La couverture relie du code examiné à des cas, sans découverte automatique de toutes les conditions métier. Les tests UI ne qualifient ni backends de production, ni précision clinique ou des modèles.
Viewer : anglais par défaut, 11 langues. La démo publique est un frontend synthétique figé ; les intégrations locales suivent votre source. Les performances sur iPad physique ne sont pas mesurées.

App Canvas dans Safari sur un iPhone physique — Capture Safari sur iPhone physique. L’article technique décrit le passage du crash au fonctionnement et les limites des mesures.

Article technique Safari

Capture Safari sur iPhone physique. L’article technique décrit le passage du crash au fonctionnement et les limites des mesures.

Article technique Safari →