Grátis e open source
O agente constrói.
Você dá forma ao próximo passo.
Um espaço leve para ver, testar e melhorar a app do seu agente. Explore ecrãs reais, aponte o que mudar e continue a construir a partir do código.
Grátis · Licença MIT · O seu agente
Claude Code
Codex
Grátis e open source
A app é o canvas.
Ecrãs reais com o código UI original. Experimente o exemplo público antes de instalar.
Dados sintéticos · sem backend da app · sem conta · sem chave API
Para construir, rever e melhorar
- 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.
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.
Aponte exatamente o que mudar
Selecione um ecrã ou elemento UI, adicione o pedido e copie uma referência para o agente. Peça-lhe que altere o código; as prévias ligadas ao código são reconstruídas.
Aponte exatamente o que mudar
Selecione um ecrã ou elemento UI, adicione o pedido e copie uma referência para o agente. Peça-lhe que altere o código; as prévias ligadas ao código são reconstruídas.
Integre no seu desenvolvimento.
Experimente a app incluída localmente e conecte o seu repositório com o agente. Requer Node.js 22+.
Começar grátisnpm install -g github:tombelieber/app-canvas#v0.16.0
agent-canvas browsers
agent-canvas demoAntes de começar
É gratuito?
CLI, canvas e skills são grátis e abertos sob licença MIT. O seu agente pode ter custos próprios de subscrição ou API.
Funciona com Claude Code e Codex?
Sim. Instale os skills para um ou ambos. Outros agentes podem seguir o guia público e usar o CLI. O canvas não chama modelos.
Preciso de um ficheiro de design?
Comece pelo código da app ou importe um site. O agente conecta a UI existente e fixtures sintéticas para rever ecrãs e estados juntos.
A demo altera a minha app?
Não. Executa um exemplo sintético fixo no navegador. A sua app e o código são alterados no projeto local com o agente.
E as apps nativas?
UIKit, SwiftUI e Android usam harnesses e capturas do runtime original de cada projeto. Uma captura não é uma app nativa interativa no navegador.
Â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.
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.