Reglas de diseño y plantillas para que los agentes de IA exporten documentos a PDF, PNG y PowerPoint editable.
nexu-io/html-anything
Editor de HTML local-first que usa el CLI de tu agente de programación para convertir Markdown, CSV o notas en páginas HTML, presentaciones y pósteres de un solo archivo.
Alternativa open source a:Canva
- Estrellas
- 9,427
- Forks
- 904
- Issues abiertos
- 60
- Último commit
- hace 24 días
¿Qué es?
HTML Anything es un editor que usa un agente de programación con IA local para generar HTML a partir de contenido sin procesar, como Markdown, CSV, JSON, SQL o notas de texto plano. Detecta automáticamente los CLI compatibles en PATH, incluidos Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder y Aider, y reutiliza la sesión iniciada existente, por lo que no necesitas una clave de API aparte.
La generación se basa en 75 plantillas de skills agrupadas en nueve formatos: artículos de revista, presentaciones para conferencias, currículums, pósteres, tarjetas de Xiaohongshu y para tuits, prototipos web, informes de datos y fotogramas de video de Hyperframes. El resultado se transmite a medida que se genera a una vista previa en un iframe aislado, y se puede copiar con el CSS integrado para WeChat o Zhihu, pegar como imagen en X o descargar como archivo .html o .png.
El proyecto es un workspace de pnpm con licencia Apache-2.0, basado en Next.js 16 y React 19. Para añadir un skill, basta con agregar una carpeta con un archivo SKILL.md y un example.html.
Funciones clave
- 01Detecta los CLI de agentes de programación instalados en PATH y reutiliza sus sesiones iniciadas existentes
- 02Incluye 75 plantillas de skills para nueve formatos de salida, desde presentaciones hasta fotogramas de video de Hyperframes
- 03Transmite el HTML generado en tiempo real a una vista previa en un iframe aislado
- 04Exporta a WeChat y Zhihu con CSS integrado, a X como imagen o como archivos .html y .png
- 05Interpreta archivos CSV, Excel, JSON y SQL en el navegador, sin subirlos
Casos de uso
- Convertir un borrador en Markdown en un artículo con estilo para WeChat o una publicación de Zhihu
- Crear una presentación o un póster de una página a partir de notas sin procesar
- Generar un informe de datos a partir de un CSV o de una hoja de cálculo exportada
- Crear tarjetas de imágenes al estilo de Xiaohongshu o de tuits para publicaciones en redes sociales
Inicio rápido
- 1
Clona el repositorio
- 2
Instala las dependencias con pnpm
- 3
Inicia el servidor de desarrollo local
pnpm -F @html-anything/next dev
Antes de usarlo
- Requiere tener instalado y haber iniciado sesión en al menos un CLI de agente de programación compatible, como Claude Code o Codex.
- Está basado en un workspace de Next.js con pnpm, por lo que se ejecuta localmente en lugar de como una aplicación empaquetada.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es html-anything?
- Editor de HTML local-first que usa el CLI de tu agente de programación para convertir Markdown, CSV o notas en páginas HTML, presentaciones y pósteres de un solo archivo. HTML Anything es un editor que usa un agente de programación con IA local para generar HTML a partir de contenido sin procesar, como Markdown, CSV, JSON, SQL o notas de texto plano. Detecta automáticamente los CLI compatibles en PATH, incluidos Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder y Aider, y reutiliza la sesión iniciada existente, por lo que no necesitas una clave de API aparte.
- ¿html-anything es gratuito? ¿Qué licencia tiene?
- html-anything es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿html-anything sigue mantenido?
- Mantenimiento activo. El último commit de html-anything fue el 13 oct 2026.
- ¿Para qué puedo usar html-anything?
- Convertir un borrador en Markdown en un artículo con estilo para WeChat o una publicación de Zhihu Crear una presentación o un póster de una página a partir de notas sin procesar Generar un informe de datos a partir de un CSV o de una hoja de cálculo exportada Crear tarjetas de imágenes al estilo de Xiaohongshu o de tuits para publicaciones en redes sociales
- ¿Cómo se instala html-anything?
- Clona el repositorio Instala las dependencias con pnpm Inicia el servidor de desarrollo local: pnpm -F @html-anything/next dev
- ¿Dónde consigo html-anything?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/nexu-io/html-anything
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Espacio de trabajo local y de código abierto para agentes de diseño con IA que convierte briefs en prototipos, presentaciones, dashboards, imágenes y videos con tu propio agente de programación.
Aplicación de escritorio open source y local-first que convierte prompts en prototipos, presentaciones y PDF con el modelo de IA que elijas.
Una skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales.
Una habilidad para agentes que aporta criterio de diseño a Claude Code, Cursor y otros agentes de código al crear e iterar interfaces, presentaciones y gráficos.
Permite que Codex, Claude Code, Cursor, Hermes Agent y OpenClaw compartan una memoria local cifrada, se pasen tareas y revisen el trabajo de los demás.