App Canvas · Código aberto · Para agentes · v0.12.0

Toda a sua UI. Uma tela. Código real.

Name: App Canvas
Author: Tom Tang

Explore páginas, estados e fluxos interativos reais numa tela com zoom, criada e mantida com o seu agente de programação.

Abrir demonstração ↗Adicionar ao repositório →

Dados sintéticos · sem backend da app · sem conta · sem chave API

App Canvas Cloud →

TL;DR

Veja juntas as páginas completas, os estados identificados e os fluxos implementados.
Mantenha uma única implementação de UI. O agente cria fixtures, adapter e verificações de cobertura.
Experimente 77 estados e 44 fluxos com dados sintéticos, sem conta nem chave API.

Estados reais de StoolSense na tela App Canvas — Demo real: 77 estados, 44 fluxos e 121 entradas reproduzíveis. Inclui casos isolados; não são 121 percursos E2E.

Explore, interaja e reproduza

Afaste para entender a aplicação

Páginas completas agrupadas, pesquisa, filtros e painéis recolhíveis. Os links de fluxo movem a câmara para o destino.

Aproxime para usar a UI real

Browse bloqueia os controlos para mover a tela. Selecione uma página e Interact para usar o código original com dados descartáveis.

Prima Demo para explicar um percurso

Reproduza sucesso, falha e recuperação numa sessão contínua, com indicações, legendas, pausa, velocidade e linha temporal.

Grafo real de falha ao guardar, rascunho preservado e nova tentativa bem-sucedida — Escolha um fluxo para ver páginas completas e transições identificadas. Uma ligação move a câmara para o destino.

Reprodução real após falha ao guardar offline, com rascunho preservado — UI real de falha e recuperação. A reprodução executa ações e verificações; uma ligação desenhada não é um teste.

De um repositório existente a uma tela interativa

Peça a integração a um agente capaz de ler, editar e executar comandos. Não exige Storybook nem uma lista manual de páginas. Instalar o pacote não preenche a tela por si só.

Adicionar ao repositório →

App Canvas Cloud · lista de espera

Quer um espaço alojado? Registe o seu interesse. Cloud ainda não está disponível; a ferramenta MIT e a demo pública já estão.

Sair da lista

Privacidade e telemetria

Eventos mínimos opcionais via Cloudflare para PostHog. Não são enviados conteúdos, código, nomes, caminhos, email ou IP ao PostHog. Pode desativar.

Privacidade e telemetria ↗

Âmbito e limites

Web usa HTML/CSS reais e JavaScript original nas interações. UIKit, SwiftUI e Android exigem harnesses e evidência do runtime original; uma captura não é uma aplicação nativa interativa.
A cobertura liga código revisto a casos; não descobre automaticamente todas as condições de negócio. Os testes UI não qualificam backends de produção nem precisão clínica ou de modelos.
Viewer: inglês por defeito, com 11 idiomas. A demo pública é um frontend sintético fixo; as integrações locais seguem o código. Não foi medido o desempenho num iPad físico.

App Canvas no Safari de um iPhone físico — Captura do Safari num iPhone físico. O artigo técnico mostra a passagem de crash a funcionamento e os limites das medições.

Artigo técnico Safari

Captura do Safari num iPhone físico. O artigo técnico mostra a passagem de crash a funcionamento e os limites das medições.

Artigo técnico Safari →