lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

skill intermedio claude-codecodexcursoropencodeskillsdiagramas

Archify: convierte ideas y sistemas en diagramas interactivos

Explica un proceso o la arquitectura de un proyecto con un diagrama que puedas explorar y compartir. Tu agente prepara un HTML interactivo a partir de tu descripción o de fuentes del repositorio.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Comprueba que tu arnés admite skills, puede ejecutar Node.js y puede escribir el HTML de salida. Para instalar con la CLI skills actual, verifica Node.js ≥22.20.0 y npm/npx.

Paso 1: instala la skill

Lee el README y revisa el ámbito global de su comando oficial:

npx skills add tt-a1i/archify -g

Selecciona tu arnés en el instalador. Si prefieres otro ámbito o una prueba temporal, consulta las alternativas del README.

Paso 2: pide un caso pequeño

Pide al agente: «Usa Archify para mostrar una petición web: el navegador llama a la API, la API consulta Redis y, si falta el dato, consulta PostgreSQL y rellena la caché». Es la situación del ejemplo oficial, expresada en español.

Paso 3: revisa y comparte el HTML

Haz que el agente ejecute el recorrido de validación de la skill y entregue el archivo. Ábrelo en el navegador y comprueba nodos y conexiones antes de compartirlo. Si parte del diagrama describe un repositorio, exige enlaces a archivos que hayas podido contrastar.

Comprobación

Comprueba que el HTML abre y que el recorrido de caché representa el caso correcto. Prueba los detalles interactivos presentes en la salida y distingue validación de formato de verificación del contenido.

Si algo falla

Si la skill no aparece, revisa arnés y destino del instalador. Si faltan relaciones, corrige primero la representación de origen y vuelve a validar; no repares solo la apariencia del HTML.

Fuente: documentación del proyecto.

ver en .md ¿Prefieres el recurso entero?

Qué es

Archify es una skill para construir explicaciones visuales con agentes. Su salida puede ser un diagrama interactivo o una página explicativa con varios paneles; el archivo se abre en un navegador.

Para qué te sirve

  • Cuando necesitas enseñar cómo una petición pasa por API, caché y base de datos.
  • Cuando quieres documentar un repositorio y conservar enlaces al código que respalda el mapa.
  • Cuando un equipo necesita explorar dependencias sin instalar una herramienta de diagramación.

Cómo funciona

El agente interpreta la pregunta, prepara una representación estructurada y utiliza el sistema de Archify para comprobar y producir el entregable. El proyecto incluye ejemplos con fuentes JSON y resultados de validación. El visor añade detalles de nodos y recorridos según lo que se haya definido. La salida HTML es independiente de la instalación usada para crearla.

Antes de empezar

Necesitas un arnés compatible; el README enumera Claude Code, Codex, Cursor y OpenCode. La instalación mediante skills.sh usa el entorno de paquetes de JavaScript. El visor se abre en el navegador. El modelo de tu agente conserva su coste habitual; enlaces externos incluidos en una página requieren conexión.

Repositorio activo comprobado con GitHub el 26 oct 2026; último commit consultado del 2026-10-25.

Límites y alternativas

Un diagrama validado puede representar una interpretación incorrecta. Revisa relaciones, límites de confianza y enlaces a las fuentes, especialmente al analizar código. No confundas los ejemplos de la comunidad con funciones garantizadas de cualquier salida. Para un esquema estático corto también puedes usar Mermaid; Archify resulta útil cuando quieres exploración y contexto dentro del entregable.

Recursos