# Claude Canvas, caso de estudio

> 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.

Canonical URL: https://sgomez.dev/work/claude-canvas

Actualizado el 2026-10-02

## 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](https://claude-canvas.sgomez.dev)
- [Repositorio](https://github.com/sgomez-dev/claude-canvas)
- [Basado en dvdsgl/claude-canvas, de David Siegel](https://github.com/dvdsgl/claude-canvas)

## Otros casos

- [NudaUI Semantic Search (RAG)](https://sgomez.dev/work/nudaui-semantic-search-rag)
- [NudaUI](https://sgomez.dev/work/nudaui)

---

Más formatos legibles por máquina: [llms.txt](https://sgomez.dev/llms.txt), [agents.md](https://sgomez.dev/agents.md), [OpenAPI](https://sgomez.dev/openapi.json), [sitemap](https://sgomez.dev/sitemap.xml).