Ni viento ni lluvia, ni niebla ni sol: de dejar los estudios y entrar en una fábrica a encabezar las tendencias de GitHub; creó Archify, que convierte una frase en un diagrama de arquitectura interactivo (5 pasos para empezar)

Se hace llamar «也无风雨也雾晴» y su nombre real es Tu Shaokun. Estudió una carrera técnica, hizo dos años de servicio militar y después accedió a la Universidad de Correos y Telecomunicaciones de Chongqing mediante un programa de continuación de estudios. Durante su búsqueda de empleo, su formación académica le cerró puertas en las verificaciones de antecedentes. Más tarde decidió demostrar lo que sabía hacer con proyectos de código abierto. Creó Archify, una herramienta capaz de convertir una frase en un diagrama de arquitectura interactivo.

Archify es gratis; lo que cuesta es el modelo que hay detrás. Para obtener diagramas fiables, usa claude-opus-5-5 de APIYI.

Información básica de este tutorial:

Objetivo: instalar Archify en Claude Code, crear con una frase en chino un diagrama interactivo del flujo de solicitudes de un sitio web y modificarlo con otra frase.
Tiempo aproximado: entre 20 y 30 minutos, sin contar el registro ni la recarga de saldo.
Requisitos previos: saber usar Claude Code, Cursor o una herramienta similar; tener Node.js instalado en el equipo (necesario para usar npx), un navegador y una cuenta de APIYI.
Dificultad: inicial. No hace falta escribir código ni modificar archivos de configuración manualmente.

也无风雨也雾晴 y su Archify: puntos clave

Quién es Tu Shaokun: de estudiar una carrera técnica y hacer el servicio militar a demostrar lo que vale con código abierto

La historia que sigue se basa principalmente en una publicación larga que él mismo compartió en X el 15 de julio de 2026. Tras el examen de acceso a la universidad de 2018, estudió una carrera técnica de Aplicaciones Informáticas. Según contó, el primer año lo pasó sin rumbo. Después hizo el servicio militar y estuvo dos años en el ejército. Cuando llegó, pesaba unos 53 kilos y le costaba completar muchos entrenamientos. Más tarde lo asignaron a la especialidad de comunicaciones y representó a su unidad en una competición de comunicaciones del grupo de ejércitos, donde quedó en primer lugar.

Al terminar el servicio, volvió a la universidad para cursar una licenciatura. De un grupo de más de 70 personas, solo admitían a seis. Quedó primero entre quienes se presentaban por la vía de veteranos y entró en Ingeniería de Software en la Universidad de Correos y Telecomunicaciones de Chongqing. Al graduarse, tenía tres años más que sus compañeros. Estudió desarrollo front-end con cursos en línea durante algo más de un mes y salió a buscar prácticas. Después hizo dos rondas de entrevistas para Feishu, de ByteDance, y las superó, pero en la verificación de antecedentes lo descartaron por haber accedido a la licenciatura desde una carrera técnica. En la campaña de contratación de otoño, entrevistó para un puesto en Dongchedi, en Chongqing. En la entrevista con Recursos Humanos mencionó por iniciativa propia que había seguido esa vía académica y no volvió a tener noticias. Más tarde, el entrevistador de la primera ronda le escribió: «Lo siento». Esa noche salió a correr cinco kilómetros.

No atribuyó todos sus fracasos a su formación académica. Él mismo contó que no supo resolver el ejercicio de la cuarta entrevista en Yuanfudao y que era normal que lo rechazaran. Más adelante hizo prácticas en la Universidad Westlake, en Hangzhou. Cuando Recursos Humanos volvió a preguntarle por sus estudios, respondió: «Nacer en circunstancias humildes no es una vergüenza». Esa vez lo aceptaron. En una entrevista para Manus, alguien comentó que quienes no tenían una formación académica destacada podían demostrar lo que valían con su trabajo o con proyectos de código abierto. Él ya tenía esa idea. En sus palabras: al principio, no empezó a crear proyectos de código abierto con un propósito especialmente noble; solo quería tener en su currículum algo más que demostrara lo que podía hacer. El repositorio de Archify se creó el 15 de abril de 2026.

Una entrevista de QbitAI de septiembre de 2026 también cuenta que dejó los estudios a los 16 años, aprendió mecánica automotriz y trabajó en una fábrica. Esa parte procede de la entrevista; no aparece en la publicación larga que él compartió. También publicó en Bilibili un video titulado «De dejar los estudios y entrar en una fábrica a alcanzar la cima de las tendencias de GitHub: ¡la IA transformó mi vida!». Se publicó el 14 de septiembre de 2026 y está disponible en https://www.bilibili.com/video/BV1cGe56cEHo/. Solo comprobamos el título, la fecha, el creador y las etiquetas; no vimos el video completo. La mención a «alcanzar la cima de GitHub» del título se refiere a una captura que compartió en X el 1 de septiembre de 2026: Archify aparecía en el primer puesto de la lista semanal de GitHub Trending, entre todos los lenguajes. Era una captura de ese momento, no significa que siga ocupando ese puesto.

Aquí tienes la página del video. Indica 123.000 reproducciones y más de 1.700 «Me gusta». Con más de cien mil reproducciones, el video que publicó él mismo ya ha tenido bastante repercusión.

De su historia, nos quedamos con tres ideas:

No se puede cambiar la formación académica. Lo que hizo después fue convertir sus capacidades en proyectos que otros pueden abrir y usar.
No atribuyó todos sus fracasos a sus estudios. Si no resolvía un ejercicio, reconocía que no lo había resuelto.
La popularidad no significa que alguien esté usando realmente un proyecto. A él le importa saber si la gente usa lo que ha creado.

¿Qué es Archify?

Según el README oficial en chino, Archify es una Skill de agente gratuita y de código abierto. Le cuentas una idea, una duda o un plan a un agente de IA, y este genera un HTML interactivo que puedes explorar y compartir. No necesitas tener antes un repositorio de código. Si le pides al agente que lea uno, también puede crear un diagrama de arquitectura respaldado por el código fuente, con nodos que pueden marcarse con SRC y vincularse a una confirmación concreta. Además de diagramas, ofrece otro tipo de resultado llamado explainer: una página que presenta primero la conclusión y luego la organiza en paneles según las preguntas, con tablas, pasos y gráficos.

También deja claro lo que no hace. No es un editor de diagramas de propósito general ni un tema para Mermaid. El análisis automático de Mermaid, la disposición automática de propósito general, un servicio de alojamiento para compartir y un editor WYSIWYG quedan fuera del alcance actual del producto. No vende modelos ni emite claves API. La documentación oficial aclara que las suscripciones de pago de terceros no representan a Archify. La versión estable actual es la v3.2.0. El indicador de instalaciones de skills.sh muestra «130K+»; es una cifra que declara el propio proyecto y no la hemos comprobado de forma independiente.

El equipo del proyecto también creó una imagen promocional. En el centro aparece el repositorio tt-a1i/archify, con una insignia que dice que ocupó el primer puesto de GitHub Trending esa semana. Debajo se lee: «Un diagrama de arquitectura interactivo con una sola frase». El puesto y el número de estrellas que aparecen en la imagen son los que indica la propia promoción: sirven como referencia de aquel momento, pero no significan que siga en el primer puesto.

Dicho de forma sencilla, funciona así: primero, el agente escribe un JSON con un formato definido; después lo valida y, si supera la comprobación, entrega el HTML. Cuando se modifica el diagrama, solo cambia las partes pertinentes en vez de rehacerlo entero. Las conexiones y las rutas del diagrama se basan en las relaciones que se han incluido en él; las interacciones no inventan la topología. Por eso, que puedas hacer clic en los elementos del diagrama no significa que el sistema funcione así en producción.

Cómo elegir entre los diez tipos de diagramas de Archify

Tipo de diagrama	Para qué sirve	Ejemplo
Architecture	Componentes, servicios, almacenamiento y límites del sistema	Qué servicios componen nuestro sitio web
Workflow	Flujos, aprobaciones y llamadas a herramientas	Cómo va un reembolso desde la solicitud hasta el pago
Sequence	El orden de una llamada	Quién va primero al iniciar sesión: el front-end, el back-end o la base de datos
Data Flow	Cómo se mueven los datos	Cómo pasa un pedido desde su creación hasta el informe
Lifecycle	Estados, reintentos y estados finales	Cómo pasa una tarea de la cola al éxito o al error
ERD	Tablas y campos	La relación entre las tablas de usuarios y pedidos
Class	Clases e interfaces	Qué clases hay en el módulo de pagos
Tree	Jerarquías con un único padre	La estructura de los departamentos de una empresa
Timeline	Cronologías	Los hitos de un proyecto de tres meses
Waterfall	Duración de una solicitud	En qué parte se ralentiza una API

Los cinco últimos se añadieron a partir de la versión 3.1. Ten en cuenta que algunos ejemplos oficiales de Timeline y Waterfall usan datos ilustrativos. Los tiempos del diagrama solo pueden considerarse reales si los datos proceden de registros o trazas de llamadas.

Archify en cinco pasos

Configura el modelo para el agente. En este artículo usamos claude-opus-5-5 de APIYI con Claude Code.
Instala Archify con un comando.
Explícale al agente en lenguaje natural qué quieres representar.
Abre el HTML generado en el navegador.
Sigue conversando para modificar el diagrama y, cuando te convenza, expórtalo como imagen o PDF.

Guía rápida de Archify: conecta claude-opus-5-5 y crea tu primer diagrama de arquitectura interactivo

Paso 1: prepara un token de APIYI para Archify

Primero, aclaremos en qué se gastan los tokens. El repositorio de Archify no cobra por el uso de modelos. Los tokens los consume el agente que ejecuta este Skill: leer el repositorio, escribir JSON y volver a intentarlo si falla la validación. Todo eso depende del modelo que hayas configurado para el agente. Por tanto, necesitas tener saldo para usar el modelo, no una suscripción de Archify.

Abre el panel de control de APIYI y crea un token. Selecciona claude-opus-5-5 entre los modelos disponibles y copia el token. Si todavía no tienes saldo y quieres probar Opus primero, consulta las instrucciones de prueba en las lecturas recomendadas al final del artículo.

Al terminar, deberías ver: un nuevo token en la lista, claude-opus-5-5 entre los modelos disponibles y el token copiado.

Paso 2: conecta el token a Claude Code (siguiendo el tutorial de magpie)

No repetiremos aquí los pasos para conectar la clave. Sigue este tutorial ilustrado, que ya está publicado: Tutorial paso a paso: conecta todos tus agentes con una sola clave y usa magpie, de código abierto, para integrarlos con una pasarela de API (con Claude Code, Codex, Pi y Hermes como ejemplos).

Durante la configuración, ten en cuenta dos valores. Primero, la dirección compatible con Anthropic que usa Claude Code es https://api.apiyi.com; no añadas /v1 al final. Segundo, el nombre del modelo debe ser claude-opus-5-5, exactamente así: si lo escribes mal, aparecerá el error model not found. Herramientas como Codex usan la dirección compatible con OpenAI https://api.apiyi.com/v1; no profundizaremos en ellas en esta guía. Si usas Cursor con su propia suscripción, puede que no necesites un token de APIYI. No es obligatorio usar APIYI para utilizar Archify.

Cuando termines de seguir ese tutorial, vuelve aquí para instalar Archify.

Al terminar, deberías ver: al preguntarle «Hola» a Claude Code, responde con normalidad, sin errores 401 ni model not found.

Paso 3: instala el Skill de Archify

Abre una terminal y ejecuta este único comando oficial:

npx skills add tt-a1i/archify -g

-g indica que la instalación es global, así que podrás usarlo desde cualquier directorio de proyecto. Los agentes compatibles en esta guía son Cursor, Claude Code, Codex CLI y OpenCode; aquí solo explicaremos cómo usarlo con Claude Code. Después de instalarlo, cierra la sesión actual de Claude Code y abre una nueva.

Al terminar, deberías ver: el comando finaliza sin mostrar errores en rojo. En la nueva sesión, si preguntas «¿Puedes usar Archify?», Claude Code reconocerá este Skill.

Paso 4: crea el flujo de solicitudes de un sitio web con una sola frase

Envía a Claude Code este ejemplo oficial, tal cual:

Usa Archify para dibujar el flujo de solicitudes de un sitio web: el navegador solicita datos a la API; la API primero consulta Redis y, si no encuentra el contenido en la caché, consulta PostgreSQL y actualiza la caché.

A continuación, Claude Code escribirá primero el JSON, lo validará y, por último, generará un archivo HTML. Si solo muestra el código en la conversación y no lo guarda como archivo, añade: «Guarda el HTML en el directorio actual». Busca el archivo .html y haz doble clic en él o arrástralo al navegador para abrirlo.

Al terminar, deberías ver: un diagrama en el navegador con nodos para el navegador, la API, Redis y PostgreSQL, conectados entre sí. Al hacer clic en un nodo, podrás ver sus relaciones con los componentes anteriores y posteriores.

Paso 5: modifica el diagrama de arquitectura de Archify y expórtalo con una sola frase

No hace falta volver a describir todo el diagrama. Basta con decir:

Añade autenticación, destaca la ruta en la que no se encuentra el contenido en la caché y cambia al tema claro.

Archify modificará solo las partes pertinentes, sin volver a dibujarlo todo desde cero. Después, podrás elegir entre cuatro estilos, incluidos los temas claro y oscuro. También puedes exportar el diagrama como PNG, WebP o JPG de formato largo, o imprimirlo como PDF. Si compartes el HTML directamente con un compañero, también podrá interactuar con el diagrama al abrirlo. Si incluye enlaces a sitios externos o mapas, necesitará conexión a Internet para abrirlos.

Al terminar, deberías ver: el mismo diagrama, ahora con nodos relacionados con la autenticación, la ruta de caché no encontrada resaltada y un tema claro.

🎯 Consejo técnico: la primera vez, prueba con el ejemplo oficial y asegúrate de que funcione antes de pasar a una descripción de tu propio proyecto. Así, si algo falla, podrás distinguir entre un problema de configuración y una descripción demasiado compleja.

Cuánto cuesta el modelo que usa Archify

Estas son las cifras que consultamos en la API pública de precios de APIYI el día que escribimos este artículo. La conversión utilizada es: un multiplicador de 1 equivale a 2 dólares por millón de tokens. El precio real depende de lo que muestre la página de precios del panel de control de APIYI ese día; el precio final puede variar según el grupo.

Modelo	Entrada	Salida	Lectura de caché	Escritura en caché	Cuándo usarlo
claude-opus-5-5	4 dólares	20 dólares	0,20 dólares	5 dólares	Diagramas complejos, lectura del repositorio o HTML extenso
claude-sonnet-5-5	2 dólares	10 dólares	0,10 dólares	2,50 dólares	Diagramas sencillos y modificaciones simples

Todos los precios son por millón de tokens. También está claude-opus-5-5-thinking, con el mismo multiplicador. No hemos medido cuánto cuesta crear un diagrama, así que no indicamos una cifra. El consumo de tokens por diagrama depende de su tamaño, de si hay que leer el repositorio y de cuántas veces se repite el proceso si falla la validación.

Cuándo no hace falta usar Opus 5.5

La documentación oficial no dice que sea obligatorio usar Claude Opus 5.5. Recomendamos Opus por criterio propio: Archify tiene que escribir JSON estructurado y HTML muy extenso, y a veces también leer todo el repositorio. Por eso, un modelo de programación de gama alta tiene menos probabilidades de equivocarse con el formato. En estos dos casos, un modelo más económico, como claude-sonnet-5-5, suele ser suficiente:

Solo necesitas un diagrama pequeño, con tres o cuatro cuadros y relaciones sencillas, y no hay que leer ningún repositorio.
Ya tienes el JSON y solo quieres cambiar el estilo o volver a exportar el diagrama.

Si el diagrama crece, hay que leer el repositorio o la validación falla varias veces, cambia de nuevo a Opus. En las lecturas recomendadas encontrarás un artículo dedicado a comparar cómo combinar ambos modelos.

Tabla de solución de problemas de Archify

Problema	Causa habitual	Qué hacer
Después de instalarlo, el agente dice que no reconoce Archify	Sigues en la sesión anterior; no usaste `-g`; Node.js no está instalado correctamente	Reinicia Claude Code; confirma que lo has instalado de nuevo con `-g`; ejecuta `node -v` en la terminal para comprobar si muestra la versión
El HTML no se abre o aparece en blanco	El código se mostró, pero no se guardó; el archivo está incompleto; necesitas conexión para acceder a los enlaces externos	Pide al agente que guarde el HTML como archivo; ábrelo directamente en el navegador; comprueba la conexión
Aparece un error de validación	La descripción es demasiado compleja o contiene relaciones contradictorias	La herramienta ofrece instrucciones para localizar el problema. Intenta corregirlo, centrándote en él, hasta dos veces como máximo. Si sigue sin funcionar, divide el diagrama en dos o concreta más la descripción
model not found	El nombre del modelo está mal escrito; añadiste `/v1` al final de la dirección	Cambia el nombre del modelo a `claude-opus-5-5`; elimina `/v1` del final de la dirección de Anthropic
Error 401 o aviso de saldo insuficiente	El token se copió mal, está deshabilitado o se agotó el saldo	Comprueba el estado del token y el saldo en el panel de control de APIYI; vuelve a copiar el token y actualízalo siguiendo el tutorial de magpie

Preguntas frecuentes sobre Archify

Q1: ¿Archify es de pago?

Archify es gratuito y de código abierto con licencia MIT. Lo que cuesta son los tokens del modelo que utiliza el agente. Se te cobrará según el modelo que hayas configurado para Claude Code.

Q2: ¿Es obligatorio usar Opus o APIYI?

No, ninguna de las dos cosas es obligatoria. La documentación oficial no especifica un modelo. Recomendamos claude-opus-5-5, pero para diagramas pequeños también puedes usar Sonnet. Archify tampoco está integrado oficialmente con APIYI. Si usas la suscripción incluida con Cursor, quizá no necesites un token de APIYI.

Q3: ¿Puedo usar Archify sin un repositorio de código?

Sí. Basta con describir lo que necesitas en chino. Si tienes un repositorio, puedes pedir al agente que lo lea primero y luego cree un diagrama basado en el código fuente. Los nodos incluirán la marca SRC. En ese caso, el consumo de tokens será mayor.

Q4: Si envío el HTML a otra persona, ¿podrá interactuar con el diagrama?

Sí. Es un archivo HTML independiente que incluye las funciones interactivas. Solo necesitará conexión a Internet para abrir los enlaces a sitios externos y mapas que aparezcan en el diagrama.

Q5: Si puedo hacer clic en las rutas del diagrama, ¿significa que el sistema en producción funciona realmente así?

No. Las rutas del diagrama se basan en las relaciones que hayas especificado; Archify no verifica cómo funciona el sistema en producción. Los tiempos que aparecen en diagramas como Waterfall solo son fiables si proceden de registros o trazas distribuidas.

Resumen: qué nos deja Archify, entre la calma y la niebla

Tu Shaokun no podía cambiar su formación académica, así que convirtió sus habilidades en una herramienta que cualquiera puede instalar y usar. Estos son los puntos clave para ponerse manos a la obra:

Qué es Archify: una Agent Skill gratuita y de código abierto que genera gráficos HTML interactivos a partir de una sola frase.
En qué se gasta el dinero: en el modelo que hay detrás del agente; no hace falta pagar una suscripción de Archify.
Cómo conectar la clave: crea un token en APIYI, selecciona el modelo claude-opus-5-5 y conéctalo a Claude Code siguiendo el tutorial de magpie. La dirección no debe incluir /v1.
Cómo instalarlo: ejecuta este único comando: npx skills add tt-a1i/archify -g.
Cómo usarlo: describe con tus propias palabras el gráfico que quieres generar y luego pide los cambios con otra frase. Después, expórtalo como PNG o PDF.
Cómo ahorrar: usa Sonnet para gráficos sencillos y volver a exportarlos, y reserva Opus para gráficos complejos.

Si quieres probarlo ahora mismo, crea un token en la consola de APIYI, en apiyi.com, y empieza con el ejemplo oficial para generar tu primer gráfico.

La información de este artículo procede de distintas fuentes, con diferentes niveles de fiabilidad:

Información	Fuente	Nota
Funciones, versión, diez tipos de gráficos y más de 130K instalaciones	README oficial	Datos comunicados por el propio proyecto
Primer puesto del ranking semanal	Captura publicada por el autor en X el 2026-09-01	Es una captura de ese momento, no un ranking en tiempo real
Estudios, servicio militar, estudios para pasar de un título técnico a uno universitario y búsqueda de empleo	Publicación extensa del autor en X del 2026-07-15	Relato del propio autor
Abandono de los estudios a los 16 años, reparación de automóviles y trabajo en una fábrica	Entrevista de QbitAI de septiembre de 2026	Información recopilada por el medio
Precios de los modelos	Interfaz pública de precios de APIYI, consultada el día de redacción de este artículo	Consulta los precios que muestra la consola ese día

Opcional: comprobación de actualizaciones y comandos del repositorio (no hace falta leerlo si eres un usuario normal)

Archify no instala automáticamente las nuevas versiones. Si quieres recibir avisos de actualizaciones, ve a la página del repositorio en GitHub y selecciona Watch → Custom → Releases. La Skill instalada comprueba si hay actualizaciones de vez en cuando. Si la comprobación falla, no muestra ningún error: solo envía un aviso y no descarga nada por su cuenta. Solo accede a `archify.si/skill-updates/archify/stable.json`; no sube la versión instalada, el contenido de tus proyectos, lo que escribes ni tus claves. Para desactivarla, configura la variable de entorno `ARCHIFY_UPDATE_CHECK_DISABLED=1`.

En el repositorio también hay comandos como `node bin/archify.mjs`, pensados principalmente para que los colaboradores depuren el proyecto. Si eres un usuario normal, no hace falta que los ejecutes. Para conocer su uso, consulta el README del repositorio.

Referencias

Repositorio oficial de Archify (README en chino): información sobre funciones, instalación y alcance
Enlace: github.com/tt-a1i/archify
Nota: la información sobre las funciones y la versión de este artículo se basa en esta fuente
Sitio web oficial de Archify: página del proyecto
Enlace: archify.si
Publicación extensa del autor en X (2026-07-15): relato del propio autor sobre su experiencia
Enlace: x.com/t20000622yy/status/2077425261856096720
Vídeo del autor en Bilibili: «De abandonar los estudios y trabajar en una fábrica a encabezar las tendencias de GitHub: ¡la IA transformó mi vida!», publicado por el propio autor
Enlace: www.bilibili.com/video/BV1cGe56cEHo/
Demostración del proyecto del autor en Bilibili: «Me desperté y el proyecto de código abierto que hice había llegado al primer puesto de GitHub Trending a nivel mundial»
Enlace: www.bilibili.com/video/BV16MhA6pEMb/
Artículo de QbitAI de septiembre de 2026: reportaje sobre el proyecto y la historia de su desarrollador; en el texto solo se cita una frase y se indica la fuente
Interfaz pública de precios de APIYI: consultada el día de redacción de este artículo
Enlace: api.apiyi.com/api/pricing

Ni viento ni lluvia, ni niebla ni sol: de dejar los estudios y entrar en una fábrica a encabezar las tendencias de GitHub; creó Archify, que convierte una frase en un diagrama de arquitectura interactivo (5 pasos para empezar)

也无风雨也雾晴 y su Archify: puntos clave