Habilidad para agentes · desarrollo · v2.17.0-dev.1

De tus palabras
a una arquitectura en la que puedes confiar.

Describe tu sistema en el chat. Archify genera un diagrama HTML interactivo con niveles de detalle MAPA → LEER → TODO, cámara semántica, recorridos guiados, animación y exportación de alta resolución.

Elegir el diagrama adecuado Explorar la galería

Ejemplo interactivo

Generado, verificado e interactivo Diagrama de la galería · 9/9 comprobaciones

Abrir diagrama

Flujo de trabajo · Flujo de señales · 12 nodos · 11 enlaces Herramientas del agente — política, ejecución, recuperación y evidencia

Fija un momento del recorrido, copia su enlace y compártelo para abrir el mismo nodo.

Ejemplos interactivos: selecciona uno

05Tipos de diagramas

04Estilos visuales

02Temas coordinados

4^×Escala de exportación nativa

00Dependencias

Tipos de diagramas

Cinco formas de ver tu sistema.

Arquitectura, flujos de trabajo, secuencias, datos o máquinas de estados: describe lo que necesitas y Archify elige la representación adecuada.

T·01

Arquitectura

Componentes del sistema, recursos en la nube, bases de datos, cachés, servicios, grupos de seguridad y sus conexiones.

Infraestructura AWS / GCP / Azure
Topología de microservicios
Límites de seguridad
Diseño de red

T·02

Flujo de trabajo

Procesos por carriles con nodos y conexiones definidos: aprobaciones, ramas asíncronas y rutas de observabilidad, organizados por responsable.

T·03

Secuencia

Llamadas a API, ciclos de solicitudes, alternativas a la caché, autenticación y trazas asíncronas: quién llama a quién, en qué orden y qué devuelve.

T·04

Flujo de datos

Procesamiento de datos, ETL/ELT, eventos analíticos, aislamiento de datos personales, sincronización de almacenes, linaje y consumidores, con límites de gobierno.

T·05

Ciclo de vida

Máquinas de estados y ciclos de vida de objetos, tareas, pedidos o despliegues, con esperas, reintentos, cancelación y estados finales.

Índice

Explorar la galería completa

Diagramas interactivos · todos los estilos y tipos

Funciones

Resultados listos para compartir,
sin configuración adicional.

Cuatro estilos visuales

Clásico, Flujo de señales, Plano técnico y Editorial comparten las mismas reglas de distribución. Todos incluyen temas claro y oscuro y permiten exportar.

4 ESTILOS · 2 TEMAS

Exportación nítida hasta 4×

PNG, JPEG y WebP se generan en el navegador hasta a cuatro veces la resolución original. Imágenes nítidas para pantallas, diapositivas e impresión.

PNG · JPEG · WEBP

SVG con dos temas

El SVG incluye los dos temas y la regla @media prefers-color-scheme. Puedes incluirlo en un README de GitHub para que adopte el tema del lector.

VECTOR · TEMA AUTOMÁTICO

Copiar al portapapeles

Copia un PNG con un botón y pégalo directamente en Slack, Notion, GitHub o Figma, sin guardarlo antes.

COMPARTIR AL INSTANTE

HTML autónomo

Un único archivo HTML que puedes abrir en el navegador sin instalar dependencias ni usar un servidor. Compártelo como archivo adjunto.

SIN DEPENDENCIAS

Mejora el diagrama por chat

«Añade Redis», «mueve la autenticación a la izquierda», «usa verde esmeralda para la API»: ajusta el diagrama con tus palabras.

POR CONVERSACIÓN

Explora y reproduce rutas reales

El recorrido mantiene visible la ruta completa mientras exploras sus paradas o reproduces cada conexión bajo tu control.

EXPLORAR · REPRODUCIR · PAUSAR

Anticipa y comparte el momento exacto

El recorrido destaca la siguiente parada e indica si la relación es una llamada, un dato, un evento, una interacción de seguridad o una transición. Fija cualquier paso y comparte su enlace.

SEGUIR · ANTICIPAR · COMPARTIR

Formatos de exportación

PNG

Transparente · hasta 4×

JPEG

Fondo del tema · hasta 4×

WEBP

Compacto · hasta 4×

SVG

Vector · dos temas

WEBM

Animación · desde el navegador

Portapapeles

Copiar PNG · pegar al instante

Sistema de diseño

Colores con significado para tu infraestructura.

Siete tipos de componentes con variantes claras y oscuras que cambian de forma coordinada al alternar el tema.

Aplicación webAplicación React

Interfaz

Aplicaciones cliente, navegadores e interfaces

Servidor de APIFastify :8080

Servidor

Servicios, API y procesos en segundo plano

Postgresprincipal :5432

Base de datos

Bases de datos, cachés, almacenes e IA

CloudFrontCDN

Nube

Servicios administrados e infraestructura

AutenticaciónOAuth 2.0

Seguridad

Autenticación, secretos y controles

Kafkatema de eventos

Bus de mensajes

Kafka, RabbitMQ, SNS

Usuariosnavegador · móvil

Externo

Usuarios, terceros y otros sistemas

Inicio rápido

Empieza a usarlo
en tres pasos.

Una habilidad verificada para Cursor, Claude Code, Codex y OpenCode. El selector genera los comandos de instalación. Para Raven, extrae archify.zip en ~/.raven/workspace/skills; se creará ~/.raven/workspace/skills/archify.

Instala con un comando

Ejecuta npx skills add https://gitlab.ilprod.com/il/archify -g, o abre el inicio rápido según tu agente para obtener el comando de Cursor, Codex, Claude Code u OpenCode. Para instalar en Raven, extrae archify.zip en ~/.raven/workspace/skills; se creará ~/.raven/workspace/skills/archify.

Describe tu sistema

Describe los componentes, las conexiones y los servicios en la nube, o pide al agente que analice primero el repositorio.

Pide al agente que lo dibuje

Pide al agente que use Archify. Generará un archivo HTML autónomo que puedes abrir en el navegador y mejorar por chat.

Atajos de teclado

Guía del diagrama?

Cambiar temaT

Buscar nodo o extremo de ruta/

Trazar, explorar y reproducir una rutaR

Radar semánticoM

Comparar tipos de nodosL

Modo presentaciónF

Abrir menú de exportaciónE

Enfocar nodoEnter

Vistas guiadas[ ]

Reproducir recorridoP

Nivel de detalle / restablecer+ − 0

Navegar por el menú↑ ↓

Cerrar menúEsc

# Instalar globalmente para Cursor

npx -y skills add https://gitlab.ilprod.com/il/archify --skill archify --agent cursor --global --copy --yes

# O instalar en este proyecto para Codex

npx skills add https://gitlab.ilprod.com/il/archify --skill archify --agent codex --copy --yes

De tus palabrasa una arquitectura en la que puedes confiar.