Caso de estudio
Claude Canvas
Claude Canvas es un proyecto de Santiago Gómez de la Torre. Este caso cuenta el problema que resuelve, qué papel tuvo y qué resultado dio.
Actualizado el
El problema
En Claude Code, cuando Claude necesita que elijas un fichero, apruebes un cambio o rellenes unos datos, la respuesta va en prosa y Claude tiene que interpretarla. Claude Canvas abre un panel interactivo junto a la conversación y devuelve tu respuesta como un valor exacto.
Mi rol
Lo bifurqué del proof of concept de David Siegel y lo amplié a fondo. Dejé una sola capa de IPC donde había dos incompatibles y añadí primitivas reutilizables, composición y nueve tipos de canvas (picker, form, table, image, diff, dashboard, calendar, document y flight).
Stack
- TypeScript
- Bun
- React
- Ink
- tmux
El resultado
Nueve canvas, más de 600 tests y CI en tres sistemas operativos. Funciona en kitty, Ghostty, iTerm2, WezTerm, foot, Windows Terminal y xterm. En imágenes, los bloques de cuadrante dan un 61 % menos de error que los de media celda. Publicado con licencia MIT.
Enlaces
- Fuente, claude-canvas.sgomez.dev
- Repositorio, github.com/sgomez-dev/claude-canvas
- Basado en dvdsgl/claude-canvas, de David Siegel