Canonical: https://botbento.com/zh/usecases/generate-interactive-architecture-diagrams-from-code-or/
Format: Markdown representation of the public HTML page.

[首页](/) / [用例](/zh/usecases/) / [编程](/zh/usecases/?category=coding)

编程 · 中级

已验证

自动化验证

- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：deepseek-v4-pro（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 2026-10-16。
- 仅经自动化检查和 AI 审核，未经人工审核。[验证如何运作](/zh/usecases/verification/)

# 根据代码或提示词生成交互式架构图

将系统描述与代码库转换为交互式可视化架构图

[在 BotBento 中使用 ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=generate-interactive-architecture-diagrams-from-code-or)复制提示词分享[Markdown](/text/zh/usecases/generate-interactive-architecture-diagrams-from-code-or/index.md)[English](/usecases/generate-interactive-architecture-diagrams-from-code-or/)

打开 BotBento。请将提示词粘贴到 Bot 中；不含任何预设配置。

- 你提问时触发描述系统或代码库
- 然后解析组件与数据流
- 结果生成交互式可视化图表

将系统设计思路或代码仓库转化为交互式可视化图表。您可以描述请求生命周期、服务边界或工作流，也可以让智能体检查代码仓库结构，从而构建可导航的图表，用于技术文档、规划和入职引导。

## 起步提示词

BotBento推荐

```
当用户请求生成架构图或要求梳理代码仓库时，检查相关文件或解析提供的组件描述。识别关键实体、关联关系和消息路径，然后将它们编译为交互式可视化格式。向用户展示生成的图表结构，并在写入或更新代码仓库中的文件前等待确认。
```

复制

## 所用工具

聊天GitHub终端

## 适用于

BotBento

## 标签

- architecture
- diagrams
- visualization
- system-design
- codebase

## 来源

[archify: Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.](https://github.com/tt-a1i/archify)
GitHub · 已核查 2026-10-15

内容以我们自己的话概述。其中描述的任何结果均为原作者所述，并非 BotBento 实测。

由 AI 辅助自英文版翻译，并经自动审核模型检查。以英文文本为准。

作者：BotBento Editorial · 发布于 2026-10-15 · 更新于 2026-10-15 · [提交更正](/contact/)

## 相关用例

-

编程中级

## [分析代码依赖关系与符号影响](/zh/usecases/analyzing-code-dependencies-and-symbol-impact/)

映射跨仓库的符号关系并检查架构影响范围

聊天GitHub终端[已验证](/zh/usecases/verification/)
-

编程高级

## [架构低依赖系统原型](/zh/usecases/architecting-low-dependency-system-prototypes/)

在严格的约束边界下从零实现复杂的软件模块

聊天GitHub终端[已验证](/zh/usecases/verification/)
-

编程高级

## [利用符号导航审计代码库架构](/zh/usecases/auditing-codebase-architecture-using-symbol-navigation/)

检查符号定义、调用层级和死代码，以规划清晰的重构方案

终端GitHub[已验证](/zh/usecases/verification/)