Visor y editor de CLAUDE.md

Las herramientas de programación con IA funcionan con Markdown: CLAUDE.md, AGENTS.md, SKILL.md, planes y archivos README. Ábrelos aquí para leerlos como es debido, con tablas, bloques de código, diagramas Mermaid y alertas renderizados, y edítalos con vista previa en vivo. Gratis, en tu navegador y sin subir nada.

Gratis · sin registro · funciona en tu navegador, no se sube nada

Modo de lectura con la barra lateral de esquema, el tema Claude y tipografía con serifas
Modo de lectura con el esquema del documento, aquí en el tema Claude con texto con serifas.

Por qué los archivos de instrucciones de IA merecen un visor de verdad

Los asistentes de programación se dirigen con Markdown. Un CLAUDE.md le dice a Claude Code cómo se compila tu proyecto y qué debe evitar; un AGENTS.md cumple la misma función para otros agentes de programación; un SKILL.md empaqueta una skill reutilizable; GEMINI.md, los documentos de plan y las notas de diseño siguen el mismo patrón. Están escritos como texto, pero están llenos de estructura: listas anidadas de reglas, tablas de comandos, fragmentos de shell, advertencias, enlaces a otros archivos. Leídos como texto sin procesar cansan, y un asterisco suelto o un bloque de código sin cerrar puede cambiar en silencio cómo se entiende un documento.

Ábrelo aquí y verás lo que quería decir el autor: encabezados por los que puedes navegar desde el esquema, listas de reglas con la sangría correcta, tablas con las columnas alineadas, comandos en bloques de código que se copian con un clic y avisos > [!WARNING] que destacan. Es una forma rápida de revisar un archivo de instrucciones antes de hacer el commit, o de leer un plan largo que te ha escrito un agente antes de aprobarlo.

Abrir y leer AGENTS.md, SKILL.md y archivos de plan

En un SKILL.md, el front matter YAML entre las dos líneas --- se muestra como un bloque separado encima del cuerpo, así que es fácil comprobar el nombre y la descripción. El visor no valida una skill: te muestra el texto, renderizado.

Diagramas, tablas y avisos, renderizados

A los agentes les gusta explicar la arquitectura con diagramas Mermaid: un bloque delimitado mermaid se convierte en un diagrama de flujo, de secuencia, de clases, una máquina de estados o un diagrama de Gantt directamente en la vista previa (la página del editor Mermaid online enumera los tipos de diagrama). Las tablas de opciones o de endpoints se renderizan como tablas de verdad, las listas de tareas muestran casillas, las fórmulas entre signos de dólar se componen con KaTeX y los bloques de código se resaltan para más de 50 lenguajes con el nombre del lenguaje en la cabecera. El HTML en línea se sanea antes de llegar a la página, así que un documento que no hayas escrito tú no puede ejecutar scripts aquí.

Edita con vista previa en vivo y guárdalo de nuevo

Cambia a la disposición Dividido para ordenar un archivo de instrucciones con el resultado renderizado junto al código. El editor tiene barra de formato, atajos, continuación automática de listas e indentación con Tab, y la vista previa se desplaza al ritmo de la línea que editas, algo útil en archivos largos donde una sola viñeta mal indentada cambia el significado. Cuando termines, Exportar → Descargar .md te da el archivo para devolverlo a la carpeta de tu proyecto, y Copiar Markdown pone el texto en tu portapapeles. Dieciséis temas claros y oscuros, entre ellos un tema Claude con encabezados con serifas, te permiten elegir un estilo de lectura adecuado para documentos largos.

¿Eres nuevo en la sintaxis? La guía rápida de Markdown la resume en una página, y la guía de archivos MD explica cómo abrir cualquier archivo .md en Windows, Mac o móvil.

Las instrucciones de tu proyecto siguen siendo privadas

Los archivos de instrucciones y de planes suelen mencionar herramientas, rutas y convenciones internas. Markdown Viewer lo renderiza todo con JavaScript en tu navegador y guarda el documento en el almacenamiento local de tu dispositivo; no hay cuenta ni copia en el servidor. Abrir un enlace es la única acción que involucra a nuestro servidor, y esa descarga no se guarda ni se registra. Consulta la página de privacidad para más detalles, o abre el visor de Markdown principal para empezar a leer.

Míralo en acción

Bloques de código TypeScript, Python, Bash y diff con resaltado de sintaxis, etiquetas de lenguaje y botones de copiar
Los bloques de código tienen etiqueta de lenguaje, resaltado de sintaxis para más de 50 lenguajes y botón de copiar; este es el tema One Dark.
Fórmula KaTeX en modo bloque y diagrama de flujo Mermaid renderizados dentro de la vista previa
Las fórmulas KaTeX y los diagramas de flujo Mermaid se renderizan directamente en el documento.
Alertas Note, Important, Warning y Caution al estilo GitHub, una cita y una sección details plegable en el tema GitHub Dark
Alertas al estilo GitHub, citas y secciones <details> plegables, en GitHub Dark.
Markdown Viewer en disposición dividida: código Markdown a la izquierda, vista previa renderizada al estilo GitHub a la derecha
Disposición dividida: el código y la vista previa renderizada uno junto al otro, con desplazamiento sincronizado línea a línea.

Cómo funciona

  1. 1
    Abre el archivo: Abrir archivo…, arrástralo a la página, pega su texto o abre un enlace raw de GitHub con Desde URL….
  2. 2
    Léelo renderizado y usa el esquema para saltar entre las secciones de un archivo de instrucciones o de un plan largo.
  3. 3
    Edítalo en la disposición Dividido si hace falta, después Descargar .md y devuelve el archivo a tu proyecto.

Qué obtienes

Lee los archivos que escriben los agentes

Los planes, especificaciones, notas de revisión e informes de las herramientas de IA se muestran como documentos de verdad y no como símbolos.

Front matter YAML

El bloque de metadatos al principio de un SKILL.md se muestra como un bloque propio encima del documento.

Tablas y código

Tablas con barras, listas de tareas y código delimitado con colores de sintaxis y botón de copiar.

Diagramas Mermaid

Los diagramas de arquitectura y de flujo de un plan se dibujan en su sitio; los errores de sintaxis muestran el mensaje del analizador.

Alertas y secciones plegables

Los avisos NOTE / WARNING al estilo GitHub y las secciones plegables funcionan igual que en GitHub.

Privado por diseño

Los archivos de instrucciones suelen describir proyectos internos. Aquí se quedan en tu navegador; no se sube nada.

Preguntas frecuentes

¿Qué es un archivo CLAUDE.md?
CLAUDE.md es un archivo Markdown que Claude Code lee para conocer las instrucciones sobre un proyecto o sobre ti: comandos de compilación, convenciones, cosas que evitar. Es texto plano, así que cualquier editor lo abre, pero un visor muestra bien su estructura.
¿Qué son AGENTS.md y SKILL.md?
AGENTS.md es un archivo Markdown con instrucciones para agentes de programación; lo leen varias herramientas, por ejemplo OpenAI Codex y opencode. SKILL.md define una skill (habilidad) de un agente: un breve bloque de front matter YAML (nombre y descripción) seguido de instrucciones en Markdown. Ambos son archivos .md normales.
¿Puedo abrir estos archivos si están en una carpeta oculta?
Sí, pero antes tu diálogo de archivos tiene que mostrar los elementos ocultos: Cmd+Mayús+. en un Mac, «Elementos ocultos» en el menú Ver del Explorador de archivos de Windows, Ctrl+H en la mayoría de los diálogos de archivos de Linux. O copia el texto y pégalo en el editor.
¿Puedo abrir un CLAUDE.md que está en GitHub?
Sí. Usa Abrir → Desde URL… y pega el enlace de GitHub; los enlaces blob se convierten al archivo raw. También puedes abrir mdrender.com/?url= seguido de la dirección del archivo. Solo se pueden descargar archivos públicos.
¿Editar cambia mi archivo original?
No. Una página web no puede escribir de vuelta en tu disco. Edita aquí, usa Descargar .md y reemplaza tú mismo el archivo original. El editor guarda automáticamente una copia en tu navegador.
¿Es seguro pegar instrucciones privadas de un proyecto?
El texto se renderiza en tu navegador y se guarda en su almacenamiento local; no se envía a nuestro servidor. La excepción es Compartir, que mete todo el documento dentro del enlace: cualquiera que lo tenga puede leerlo, así que no compartas archivos que contengan secretos o claves.
¿Tiene relación con Anthropic, OpenAI o Google?
No. Markdown Viewer es una herramienta independiente. Los nombres de productos y de archivos como CLAUDE.md, AGENTS.md y SKILL.md se usan únicamente para describir lo que abre el visor.

Herramientas relacionadas

Listo cuando tú lo estés

Pega Markdown, suelta un archivo o abre una URL: la vista previa aparece al instante y todo se queda en tu dispositivo.

Abrir Markdown Viewer