@alex_verem: 别再手动制作流程图了。试试这个与Claude Code配合的GitHub技能。我发现了一个开源工具，可以将简单的…

X AI KOLs Timeline 工具
open-source diagram-generation ai-integration github coding-assistant workflow-automation visualization

摘要

Archify 是一款开源工具，它与AI编程代理集成，能够从简单的描述或代码库自动生成交互式图表，从而轻松创建和编辑系统映射与工作流程。

别再手动制作流程图了。试试这个与Claude Code配合的GitHub技能。 我发现了一个开源工具，可以将软件系统的简单描述转换为清晰、交互式的图表。 它叫做 Archify，在 GitHub 上拥有超过 66,000 颗星。 你可以将其作为技能添加到 AI 编程代理中，如 Claude Code、Codex、Cursor 或 OpenCode。然后在聊天中用一行描述系统。 Archify 会将这一行转换为一个单独的 HTML 文件，你可以打开、点击浏览，并发送给任何人。 如果你将代理指向现有的代码库，它会读取代码，而 Archify 会映射出各个部分之间的连接方式。 我喜欢它的五个方面。 1. 它能生成五种图表，包括系统映射和分步工作流程。 2. 你可以点击任何部分，追踪与之相连的内容。 3. 它在交付图表之前检查布局，因此箭头不会堆积，标签不会重叠。 4. 它具有深色和浅色主题，并可导出为 PNG、SVG 或短视频。 5. 你可以在普通聊天中继续编辑，例如输入 "add Redis" 或 "highlight the rollback path." 你不需要代码库即可使用它。在聊天中提供一个描述就足够了。
查看原文
查看缓存全文

缓存时间: 2026/09/19 15:06

停止手动绘制流程图吧。试试这个专为 Claude Code 设计的 GitHub 技能。

我发现了一个开源工具，能将软件系统的简要描述转化为清晰、交互式的图表。

它叫 Archify，在 GitHub 上已获得超过 66,000 颗星。

你可以将其作为技能添加到 AI 编码代理（如 Claude Code、Codex、Cursor 或 OpenCode）中。然后只需在聊天中用一句话描述系统架构。

Archify 会将这一句话转化为一个独立的 HTML 文件，你可以直接打开、交互浏览并分享给任何人。

如果你让代理指向现有代码库，它会读取代码并自动绘制组件连接关系图。

我喜欢它的五个特点：

  1. 能生成五种图表类型，包括系统架构图和步骤化工作流。

  2. 点击任意组件即可追溯所有连接节点。

  3. 交付前会智能优化布局，避免箭头堆积或标签重叠。

  4. 提供深色/浅色主题，支持导出 PNG、SVG 或短视频。

  5. 持续通过聊天编辑，只需输入“添加 Redis“或“高亮回滚路径“等指令。

无需代码库也能使用——聊天中的描述就已足够。

相似文章

@alin_zone: 发现一个专门给 AI Agent 画技术架构图的 Skill：Archify。 不用学 Mermaid，也不用手动拖框拉线。直接用大白话告诉 Claude Code / Codex： “读一下这几个仓库，帮我画张架构对比图。” 它就会生成…

X AI KOLs Timeline

Archify is an open-source skill for AI agents like Claude Code and Codex CLI that generates interactive, self-contained HTML architecture diagrams from plain-English descriptions, supporting multiple diagram types and export formats.

@GitHub_Daily: 需要跟同事讲解项目系统架构，光说不画图效果有限，自己动手画又费时间还画得不好看。 archify，一个能装进 Claude Code、Codex CLI 和 opencode 的 Agent Skill，把一段大白话描述直接变成一张架构图…

X AI KOLs Timeline

archify 是一个能装进 Claude Code、Codex CLI 和 opencode 的 Agent Skill，可将大白话描述直接生成系统架构图、工作流程图、时序图、数据流向图和生命周期状态图，支持深色/浅色主题切换和多种格式导出。