Repolode
Enviar
tt-a1i

tt-a1i/archify

Una habilidad para agentes que convierte ideas, planes o bases de código en diagramas HTML interactivos y funciona con Claude Code, Codex, Cursor y OpenCode.

Alternativa open source a:LucidchartMiro

Ver en GitHubSitio web
Estrellas
84,801
Forks
5,742
Issues abiertos
248
Último commit
ayer

¿Qué es?

Archify es una habilidad para agentes que genera diagramas interactivos a partir de una descripción de texto o de un repositorio de código. Describe un sistema, flujo o plan a tu agente de IA y este crea un archivo HTML independiente con nodos en los que se puede hacer clic, seguimiento de rutas y exploración de relaciones anteriores y posteriores. Admite diagramas de arquitectura, flujos de trabajo, secuencia, flujo de datos, ciclo de vida, ERD, clases, árbol, cronología y cascada.

El agente genera una fuente JSON tipada, que los validadores y las reglas de diseño incluidos comprueban antes de entregar el HTML. Al analizar un repositorio, los nodos pueden enlazar a archivos de código fuente y rangos de líneas fijados a un commit específico. El resultado se puede exportar como PNG, en formatos estáticos o animados, o como tarjetas para compartir. El archivo HTML se abre en un navegador sin necesidad de tener Archify instalado.

La instalación se realiza con npx skills add y funciona con Cursor, Claude Code, Codex CLI y OpenCode, además de ofrecer opciones para Claude.ai y otros agentes.

Funciones clave

  • 01Genera diagramas HTML interactivos a partir de descripciones en lenguaje natural.
  • 02Analiza un repositorio y crea un mapa de arquitectura respaldado por el código, con enlaces a este.
  • 03Admite diez tipos de diagramas, incluidos los de arquitectura, secuencia, ERD y cronología.
  • 04Permite rastrear relaciones anteriores y posteriores, y seguir rutas específicas.
  • 05Exporta a PNG, formatos animados y tarjetas para compartir.
  • 06Valida la fuente del diagrama antes de entregarlo e informa de errores legibles por máquinas.

Casos de uso

  • Explicar al equipo la arquitectura de un sistema o el flujo de una solicitud a partir de una descripción.
  • Mapear los componentes y las dependencias de una base de código desconocida para facilitar la incorporación.
  • Visualizar un plan de varios pasos, como un itinerario de viaje o una ruta de aprendizaje.
  • Revisar cambios de diseño comparando instantáneas de la arquitectura antes y después.

Temas

#ai-agents#architecture-diagram#diagrams#claude-code#mermaid#system-design#visualization#developer-tools#agent-skills#claude-skills

Preguntas frecuentes

¿Qué es archify?
Una habilidad para agentes que convierte ideas, planes o bases de código en diagramas HTML interactivos y funciona con Claude Code, Codex, Cursor y OpenCode. Archify es una habilidad para agentes que genera diagramas interactivos a partir de una descripción de texto o de un repositorio de código. Describe un sistema, flujo o plan a tu agente de IA y este crea un archivo HTML independiente con nodos en los que se puede hacer clic, seguimiento de rutas y exploración de relaciones anteriores y posteriores. Admite diagramas de arquitectura, flujos de trabajo, secuencia, flujo de datos, ciclo de vida, ERD, clases, árbol, cronología y cascada.
¿archify es gratuito? ¿Qué licencia tiene?
archify es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿archify sigue mantenido?
Mantenimiento activo. El último commit de archify fue el 17 oct 2026.
¿Para qué puedo usar archify?
Explicar al equipo la arquitectura de un sistema o el flujo de una solicitud a partir de una descripción. Mapear los componentes y las dependencias de una base de código desconocida para facilitar la incorporación. Visualizar un plan de varios pasos, como un itinerario de viaje o una ruta de aprendizaje. Revisar cambios de diseño comparando instantáneas de la arquitectura antes y después.
¿Dónde consigo archify?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tt-a1i/archify

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados