正在打开每日关注
正在打开每日关注
Archify把代码或系统描述编译为可交互、可验证并可导出的系统图。
If I could give Codex / Grok Bot just one skill for drawing system diagrams, I’d pick 𝗔𝗿𝗰𝗵𝗶𝗳𝘆. It already has 29K+ stars on GitHub. I now use it by default whenever I need to map a system. Give it the code, then use this template: “Turn [CODEBASE / FEATURE / WORKFLOW] into a [DIAGRAM TYPE] diagram. Choose from Architecture, Workflow, Sequence, Data Flow, or Lifecycle.” Once installed, your agent can: → Create one self-contained HTML file and export it as PNG, SVG, or video → Search for any component and trace its upstream and downstream paths → Compare before and after versions side by side to see what was added, removed, or rearranged 𝗜𝗻𝘀𝘁𝗮𝗹𝗹 𝗔𝗿𝗰𝗵𝗶𝗳𝘆 𝗴𝗹𝗼𝗯𝗮𝗹𝗹𝘆: npx skills add tt-a1i/archify -g Then read this repo and use Archify to generate a system diagram. Choose the diagram type that best fits what I need to understand: Architecture, Workflow, Sequence, Data Flow, or Lifecycle. Keep the 8–12 most important components and one primary path. Label external services, databases, and component connections clearly. Put supporting details in cards instead of adding more edges to the main diagram. Generate and verify a standalone HTML file. Confirm that component search and upstream/downstream tracing work, then export a high-resolution 2400 × 1260 PNG. 𝗢𝗽𝗲𝗻 𝘀𝗼𝘂𝗿𝗰𝗲 𝗿𝗲𝗽𝗼 👇 https://t.co/HdNaUgt1jx
是什么 Archify 是面向 Cursor、Claude Code、Codex CLI 与 OpenCode 的 Node.js 渲染/验证系统:Agent 生成类型化 JSON IR,工具确定性编译为自包含 HTML/SVG,支持架构、工作流、时序、数据流和生命周期五类图,并导出 PNG、SVG、WebM 与分享卡。仓库元数据为 34,017 stars,稳定版 v2.16.0。
核心设计 它将拓扑、布局、渲染和交付校验分开:支持节点搜索、修订校验源码、上游/下游 authored reach、精确路径探测,以及 Before/Delta/After 架构对比;验证覆盖 schema、布局、HTML/SVG、路径与标签避让,失败返回修复收据。
关键洞察 价值在于可验证的讲解产物,而非泛化自动排版。通过 8–12 个核心组件、一条主路径、卡片承载细节、有限动效、主题和品牌标记,让复杂系统更易阅读、演示和复用,适合 Agent 团队做代码理解、架构沟通和合并前评审。
边界与风险 README 说明部署归属配置缺字段会 fail closed;工具不检查实时基础设施,也不推断影响、风险或 merge safety。它追踪 authored relationships,不等于运行时流量,因此不能替代观测、源码核验或架构安全审查。