Gratis y de código abierto
Tu agente construye.
Tú decides lo que sigue.
Un espacio ligero para ver, probar y mejorar la app que construye tu agente. Explora pantallas reales, señala qué cambiar y sigue trabajando desde el código fuente.
Gratis · Licencia MIT · Tu propio agente
Claude Code
Codex
Gratis y de código abierto
La app es el canvas.
Pantallas reales con el código UI original. Prueba el ejemplo público antes de instalar.
Datos sintéticos · sin backend de app · sin cuenta · sin API key
Para construir, revisar y mejorar
- Ve juntas las pantallas completas, sus estados y los flujos implementados.
- Mantén una sola implementación de UI. Tu agente crea fixtures, adapter y verificaciones de cobertura.
- Prueba 77 estados y 44 flujos con datos sintéticos, sin cuenta ni API key.
Explora, interactúa y reproduce
Aléjate para entender la app
Pantallas completas agrupadas por página, búsqueda, filtros y paneles plegables. Los enlaces de flujo llevan la cámara al destino.
Acércate para usar la UI real
Browse bloquea los controles para mover el lienzo. Selecciona una pantalla y pulsa Interact para usar el código original con datos desechables.
Señala exactamente qué cambiar
Selecciona una pantalla o elemento UI, añade tu petición y copia una referencia para el agente. Pídele modificar el código; las vistas conectadas al código se reconstruyen.
Señala exactamente qué cambiar
Selecciona una pantalla o elemento UI, añade tu petición y copia una referencia para el agente. Pídele modificar el código; las vistas conectadas al código se reconstruyen.
Añádelo a tu flujo de desarrollo.
Prueba la app incluida en local y conecta tu repositorio con tu agente. Requiere Node.js 22+.
Empezar gratisnpm install -g github:tombelieber/app-canvas#v0.16.0
agent-canvas browsers
agent-canvas demoAntes de empezar
¿Es gratis?
El CLI, canvas y skills son gratuitos y abiertos bajo MIT. Tu agente puede tener costes de suscripción o API.
¿Funciona con Claude Code y Codex?
Sí. Instala los skills para uno o ambos. Otros agentes pueden seguir la guía pública y usar el CLI. El canvas no llama a modelos.
¿Necesito un archivo de diseño?
Empieza desde el código de tu app o importa un sitio. El agente conecta la UI existente y fixtures sintéticos para revisar pantallas y estados juntos.
¿La demo modifica mi app?
No. Ejecuta un ejemplo sintético fijo en el navegador. Revisar tu app y cambiar su código ocurre en tu proyecto local con tu agente.
¿Y las apps nativas?
UIKit, SwiftUI y Android usan harnesses y capturas del runtime original de cada proyecto. Una captura no es una app nativa interactiva en el navegador.
Alcance y límites
- Web utiliza HTML/CSS reales y JavaScript original al interactuar. UIKit, SwiftUI y Android necesitan harnesses y evidencia del runtime original; una captura no es una app nativa interactiva.
- La cobertura relaciona código revisado y casos, no descubre automáticamente toda condición posible. Las pruebas UI no validan backends de producción ni precisión clínica o de modelos.
- Viewer: inglés por defecto y 11 idiomas. La demo pública es un frontend sintético fijo; las integraciones locales siguen tu código. No se ha medido el rendimiento en un iPad físico.
Privacidad y telemetría
Eventos mínimos opcionales mediante Cloudflare a PostHog. No se reenvían contenidos, código, nombres, rutas, correo ni IP a PostHog. Puedes desactivarlos.