La extensión oficial de Claude Code para VS Code es muy buena con el código, pero con lo visual se queda ciega: si Claude abre una imagen, lo único que tú ves es una etiqueta. Hay una petición abierta a Anthropic con mucha gente pidiéndolo y, de momento, sin solución. Visor rellena ese hueco sin tocar nada de Claude: se limita a leer el historial de la sesión que Claude ya guarda en tu disco.
Qué hace
Ver
- Panel lateral con todo lo que Claude lee o genera, lo último arriba.
- También lo que sale de comandos de terminal (generadores de imágenes, scripts) y de los subagentes.
- Visor grande con zoom, y el pixel art ampliado nítido sobre un fondo de cuadros.
Comparar
- Antes/después con una barra deslizante cuando Claude rehace una imagen, aunque haya sobrescrito el archivo.
- Marcar varias imágenes y verlas en cuadrícula para elegir una.
- Filtros por tipo, buscador por nombre y «solo hoy».
Pedir
- Botón «Cambiar»: escribe la ruta del archivo en el chat de Claude y tú solo añades qué quieres.
- «Me quedo con esta» desde la cuadrícula se lo dice a Claude.
- Páginas HTML en una pestaña aislada, con los scripts apagados por defecto.
Cómo funciona por dentro
Claude Code guarda cada conversación en un fichero en tu disco, línea a línea. Cuando lee una imagen, la imagen entera va dentro de ese fichero. Visor lo va leyendo solo desde donde se quedó (hay sesiones de cientos de megas), saca de ahí lo que es multimedia y lo pinta. No hay servidores, ni puertos abiertos, ni claves de API: solo lee archivos locales.
El detalle que lo hace útil de verdad es que la extensión se ejecuta en la misma máquina que Claude. Si trabajas con VS Code conectado por SSH a un servidor, como hago yo con mi VPS, Visor corre en el servidor y lee su disco directamente; VS Code se encarga de traer las imágenes a tu pantalla.
Para el antes/después, cada vez que aparece una imagen se guarda una copia de esa versión. Cuando Claude rehace el archivo y lo sobrescribe, la versión anterior sigue ahí para compararla. Las copias se borran solas a los 30 días.
Dónde está publicado
En tres sitios. Pulsa cualquiera para ir a la página real.
De prototipo a la tienda en un día y medio
La noche del 5 de octubre había un prototipo: un panel que enseñaba lo último que Claude había leído. Antes de escribir una línea comprobé que no existía ya y que Anthropic no lo había arreglado. Después probé el lector contra los 1.040 historiales que tenía en el servidor: 777 MB en 11 segundos, sin un fallo.
El 6 por la mañana lo instalé en mi PC con Windows, funcionó a la primera y le pedí a Claude que metiera «todo»: antes/después, variantes, pixel art, filtros, el botón de pedir cambios y los subagentes. Cada función se probó arrancando un VS Code real en el servidor, sin pantalla, con una sesión de Claude falsa, y revisando capturas de cada estado. Luego vino lo administrativo: elegir nombre, subirlo a GitHub con un correo anónimo, crear la ficha de publicador en Microsoft y la cuenta de Eclipse para Open VSX.
El nombre se cambió en el último momento. Iba a llamarse Preview for Claude Code, pero al buscar en la tienda apareció una extensión llamada Claude Code Preview (que solo enseña texto). Demasiado parecido. «Visor» se entiende en español y en inglés, y la coletilla dice exactamente lo que hace.
Lo que se rompió por el camino
- Las rutas con espacios no se detectaban
- Si Claude generaba
"C:\Mis juegos\portada final.png"desde la terminal, Visor no lo veía: el detector cortaba en el primer espacio. En Windows eso es casi siempre. Lo destapó la propia prueba automática, que usaba un archivo con espacio a propósito. - El visor dentro del panel era inservible
- Comparar dos versiones en una barra lateral de 300 píxeles no tiene sentido. El visor se mudó a una pestaña del editor, que es donde hay sitio.
- VS Code ya sabía reproducir sonido y yo no lo sabía
- El plan decía que los vídeos .mp4 no suenan dentro de VS Code. Dejé preparada una conversión con ffmpeg y la prueba demostró que la versión actual ya reproduce el sonido sin ayuda. La conversión se queda como plan B para versiones antiguas.
- Dos agujeros de seguridad, encontrados antes de publicar
- Una revisión automática encontró dos. Uno: una página HTML maliciosa podía colar un archivo privado tuyo haciéndolo pasar por una hoja de estilos y enviarlo fuera si activabas sus scripts. Dos: un nombre de archivo con un salto de línea escondido, escrito en la terminal, equivalía a pulsar Enter. Ahora solo se cargan archivos del tipo que toca y esas rutas no se escriben nunca.
- GitHub y Open VSX no se dejan incrustar
- Para esta misma ficha quería meter las tres páginas en directo. Dos de ellas lo prohíben y saldrían en blanco, así que lo que ves arriba son capturas reales enlazadas a cada sitio.
Limitaciones, y lo que viene
Depende del formato del historial de Claude Code, que no está documentado y puede cambiar. Por eso el lector va aislado y con pruebas: si Anthropic lo cambia, el arreglo es de minutos. Y el riesgo de fondo es otro, y bueno: que Anthropic lo resuelva de forma nativa. Si pasa, habrá servido mientras tanto.
Lo siguiente es usarlo unos días con el videojuego y con amigos para pulir detalles, y después contarlo donde la gente lo está pidiendo.
Proyecto independiente: Visor no es oficial ni está afiliado a Anthropic.