Skills para agentesDiseño

Archify: el mapa de tu arquitectura desde una frase o desde el repo

Explicar un sistema con palabras cuesta y dibujarlo a mano lleva horas. Archify parte de una descripción, de Mermaid o del propio repositorio y genera un diagrama interactivo y comprobado en un archivo HTML independiente: los nodos se pueden pulsar, la ruta de una petición se resalta y los enlaces al código quedan fijados a un commit concreto.

88.506estrellas en GitHub · #16

Abrir en GitHub

Instalación

  • skills CLI
    npx skills add tt-a1i/archify@archify

Descargar ZIP

Autor
tt-a1i
Licencia
MIT
Paquete
Una skill
Actualizada
24 de octubre de 2026
Agentes
Claude Code, Codex, Cursor, OpenCode

Qué hace

  • Diez tipos de diagrama: architecture, workflow, sequence, dataflow, lifecycle, erd, class, tree, timeline y waterfall
  • Mapas basados en código: el agente lee el repositorio y dibuja el sistema con enlaces a las fuentes fijados a un commit
  • El modo explainer responde con una sola página: primero la conclusión y después paneles con tablas, pasos, gráficos y fuentes numeradas
  • Temas claro y oscuro, cuatro estilos, exportación a PNG, WebP, JPG, SVG y WebM o impresión en PDF
  • finalize valida el diagrama antes de entregarlo, y cambios como resaltar la ruta del fallo de caché se piden en el siguiente mensaje

Cuándo usarla

  • Una persona nueva en el equipo necesita entender rápido cómo se conectan los servicios
  • Analizas una incidencia y quieres una cronología o un waterfall que muestre dónde se fue el tiempo
  • Tienes que explicar una decisión al equipo en una página con conclusión, motivos y diagrama

Pídale al agente

  • Con Archify, dibuja cómo el navegador llama a la API, la API consulta Redis y un fallo acaba en PostgreSQL
  • Lee este repositorio y crea un diagrama de arquitectura con enlaces al código
  • Responde en una página: por qué el P99 pasó de 80 a 600 ms si la media apenas cambió

Preguntas

¿Cómo se instala Archify?

Con npx skills add tt-a1i/archify@archify. Para comprobar la instalación, la skill trae node bin/archify.mjs doctor y un comando demo.

¿Funciona Archify en Codex y Cursor?

Sí. El README cita Cursor, Claude Code, Codex CLI y OpenCode, y el resultado es un HTML normal que se abre en cualquier navegador.

¿En qué se diferencia Archify de Mermaid?

Archify admite Mermaid como entrada, pero devuelve un diagrama interactivo con temas, rutas resaltadas, enlaces al código y exportación a imagen o vídeo.

DiseñoTodas las skills

Escrito a partir del README y el SKILL.md de tt-a1i/archify. Estrellas a 24 de octubre de 2026.