Editor Markdown online

Pega tu Markdown, tu HTML o tu CSS a la izquierda y míralo montado a la derecha mientras escribes, con la vista previa al lado del código para que no tengas que ir y volver entre pestañas. Desde aquí lo descargas en .md, .txt o .html, lo copias con formato para llevarlo a Google Docs o a un correo, conviertes HTML a Markdown y al revés, y si lo que estás escribiendo son instrucciones para Claude, lo empaquetas como una skill lista para subir. Todo pasa en tu navegador: el texto no se envía a ningún servidor.

Para qué sirve, más allá de escribir Markdown

La mayor parte de lo que escribimos hoy acaba pasando por algún sitio que entiende Markdown, aunque no lo parezca: las instrucciones que le das a Claude o a ChatGPT, el README de un proyecto, las notas de Obsidian o de Notion, un artículo que vas a pegar en WordPress o la documentación que te ha pedido el equipo de desarrollo. Yo lo uso sobre todo para cuatro cosas, y por eso la herramienta tiene tres pestañas y una salida para cada caso.

Limpiar lo que pegas. Cuando copias un texto de una web, de Google Docs o de un chat de IA, arrastra estilos, fuentes y espacios raros que luego se cuelan en todas partes; si lo pegas aquí con la casilla marcada, se queda en Markdown limpio, con sus títulos, sus negritas, sus listas y sus enlaces, y nada más.

Ver un HTML sin abrir nada. En la pestaña HTML pegas el código de una plantilla, de un correo o de una página y lo ves montado al lado, o convertido a Markdown si lo que necesitas es el texto; los scripts no se ejecutan en la vista previa, así que puedes pegar código que no conoces sin miedo.

Probar CSS. En la pestaña CSS escribes estilos y se aplican a una página de muestra con titular, botones, una tarjeta, un formulario y una tabla, o al HTML que hayas pegado en su pestaña, que es la manera más rápida que conozco de comprobar una paleta o una escala tipográfica antes de tocar la web de verdad.

Escribir skills para Claude. Una skill es un archivo de instrucciones que Claude carga cuando le pides algo relacionado, y se escribe en Markdown; desde aquí la redactas viendo cómo queda y la descargas ya empaquetada.

Cómo convertir un texto en una skill de Claude

Escribe las instrucciones en la pestaña Markdown como si se las explicaras a alguien que empieza mañana contigo: qué tiene que hacer, en qué orden, qué errores evitar y algún ejemplo de cómo queda bien hecho. Después abre «Convertirlo en una skill de Claude», ponle un nombre en minúsculas y con guiones, y escribe una descripción que diga qué hace y cuándo tiene que usarla, porque esa frase es la que Claude lee para decidir si la carga o no. La herramienta comprueba las reglas que pide Anthropic —el nombre hasta 64 caracteres y sin las palabras «claude» ni «anthropic», la descripción hasta 1024— y te da un archivo .skill, el mismo formato con el que empaqueta las skills el propio creador de skills de Claude: por dentro es un .zip con la carpeta y su SKILL.md, así que si en algún sitio te lo piden en .zip, también puedes descargarlo así.

Las skills personalizadas están disponibles en los planes Pro, Max, Team y Enterprise y necesitan tener activada la ejecución de código; lo tienes explicado en la guía de Anthropic para crear skills y en la documentación técnica.

Markdown en dos minutos

Si es la primera vez que lo usas, esta chuleta cubre casi todo lo que vas a necesitar; lo de la izquierda es lo que escribes y lo de la derecha, lo que sale.

Preguntas frecuentes

¿Se guarda o se envía lo que escribo?

No sale de tu ordenador: la conversión se hace en tu navegador y lo único que se guarda es un borrador en tu propio navegador, para que no pierdas el texto si recargas la página, que se borra cuando limpias los datos de navegación.

¿Cómo paso un documento de Google Docs o Word a Markdown?

Copia el texto en el documento, vuelve aquí con la pestaña Markdown abierta y la casilla de convertir marcada, y pégalo: los títulos, las negritas, las cursivas, las listas, las tablas y los enlaces se convierten solos. Si lo que tienes es el HTML, pégalo en la pestaña HTML y descárgalo como .md.

¿Cómo convierto Markdown a HTML?

Escribe o pega el Markdown y pulsa «El HTML» a la derecha para ver el código que genera, o usa «Copiar HTML» para llevártelo directamente a WordPress, a una plantilla de correo o a donde lo necesites; si prefieres el archivo, «Descargar .html» te da una página completa ya maquetada.

¿Y para pasar un texto a texto plano?

«Descargar .txt» quita todas las marcas y deja el texto ordenado, con los párrafos separados, las listas con sus viñetas y los enlaces escritos entre paréntesis, que es lo que necesitas para un formulario, un SMS o cualquier sitio que no entiende de formato.

¿Qué Markdown entiende?

El habitual de GitHub, con tablas, listas de tareas, tachado y bloques de código con su lenguaje, además del bloque de metadatos que llevan arriba las skills y muchos gestores de contenido, que se muestra como una tabla para que lo puedas revisar.

Si vas a preparar imágenes para acompañar el texto, tienes al lado el compresor de imágenes a WebP y el generador de paletas de color, con el que puedes sacar los códigos de una paleta y probarlos después en la pestaña CSS.