Archify: AI Agent Skill for Interactive Architecture Diagrams Hits #1 on GitHub Trending

X post也无风雨也雾晴Tool

The creator of Archify celebrated reaching #1 on GitHub Trending. The open-source project acts as a skill for AI coding assistants like Cursor, Claude Code, Codex CLI, and OpenCode, deterministically compiling typed JSON from agents into interactive, self-contained HTML system diagrams.

Key points

  1. Archify produces architecture, workflow, sequence, data-flow, and lifecycle diagrams from codebases or textual system descriptions.
  2. AI agents output typed JSON intermediate representations (IR), which Archify deterministically compiles into standalone HTML and SVG.
  3. Integrates with agent environments including Cursor, Claude Code, Codex CLI, and OpenCode via npx skills.
  4. Features Before/Delta/After snapshot comparisons for PR reviews, path tracing, semantic lenses, and exports to PNG, SVG, WebM, and share cards.
  5. The author confirms that the skill works locally and can be integrated with any AI agent.

Why it matters

Architecture diagrams frequently drift from real code. By pairing deterministic compilation with AI coding workflows, Archify allows teams to generate, inspect, diff, and share interactive system topology without relying on external SaaS diagramming tools.

Analysis

Reaching the top spot on GitHub Trending highlights the demand for reliable, verified artifacts produced by AI coding agents. Rather than letting models render raw visual assets directly, Archify enforces a typed JSON IR layer, ensuring deterministic outputs and reproducible reviews. Features such as architecture diffing before pull requests address practical engineering needs in modern agent-assisted software workflows.

Original post

也无风雨也雾晴

@t20000622yy · 27 August 2026

卧槽，一觉醒来自己的项目干到 Github Trending第一了，非常的开心 很高兴这个项目能被这么多的人喜欢 这两天还看到很多外国朋友在X上发帖分享 纪念一下哈哈 t.co/jeV3qYElRg t.co/J4TMyahSlX

4.8k likes330 replies5.1k bookmarks625.2k views

View on X
More posts in the thread (10)
  1. @erdange365 缘分哈哈😘
  2. @PengTan0614 thankyou 🥰
  3. @yuanmin29442075 thankyou 🥰
  4. @caohliang thankyou 🥰
  5. @taylor0x01 谢谢夸奖，我会多向这些优秀的作者去学习🥰
  6. @Zhangqyasqc 是不是被封号了还是啥，你开个无痕浏览器打开进去试试
  7. @CptJack2810 🥰
  8. @xxonnn Yes, any agent can use it.🥰
  9. @lbf911 缘分哈哈🥰
  10. @xxonnn Supported🥰
Selected replies (5)
  • @xxonnn @t20000622yy How about Grok Build? Can it support or not?
  • @taylor0x01 @t20000622yy 前两天微信里刷到了榜二说他成榜一了，你们都好优秀。
  • @guyuwudao @t20000622yy @grok 这个项目是做什么的？
  • @Zhangqyasqc @t20000622yy 大佬为什么我的github登录不进去，他会跳到404 t.co/TrhnqqxBTQ
  • @CptJack2810 @t20000622yy Thanks so much ! This is exactly what I'm looking for

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Marco Ramilli

    Archify: Interactive Architecture Diagrams via AI Agents

    Marco Ramilli highlights Archify, an open-source skill for coding agents like Claude Code, Cursor, and Codex that turns codebases or system concepts into interactive HTML diagrams.

    1.1kbookmarks80.3kviews

    AI & LLMs· Tool

  • Repository:tt-a1i/archify

    Archify: Interactive Architecture and System Diagrams for AI Coding Agents

    Archify is an open-source Node.js rendering and validation engine designed as a skill for coding agents like Cursor, Claude Code, Codex CLI, and OpenCode. Agents produce a typed JSON Intermediate Representation (IR), which Archify deterministically compiles into self-contained, interactive HTML, SVG, and media exports.

    45.5kstarsJavaScript

    AI & LLMs· Tool

  • Link:tt-a1i.github.io

    Archify: Generate Interactive Technical HTML Diagrams from Plain English

    Archify is an open-source agent skill that generates interactive, self-contained HTML architecture diagrams directly from natural language prompts. It supports five diagram types, four visual presets, and sharp multi-format exports with zero external dependencies.

    AI & LLMs· Tool

  • X post:Trending GitHub Repositories

    diagram-design: Editorial SVG and HTML Diagrams for AI Coding Agents

    The diagram-design repository by Cathryn Lavery introduces a plugin for Claude Code, Codex, and compatible agents that generates 39 editorial-quality diagram types as self-contained HTML and SVG. It aims to eliminate generic Mermaid-style layouts and manual Figma redesigns.

    1.2kbookmarks86.3kviews

    AI & LLMs· Tool

  • Repository:oh-my-mermaid/oh-my-mermaid

    Oh-my-mermaid: AI-Driven Architecture Diagrams for Codebases

    Oh-my-mermaid (omm) is a CLI tool and AI skill that analyses complex codebases to generate hierarchical architecture documentation powered by Mermaid diagrams.

    2.5kstarsTypeScript

    AI & LLMs· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.