Wiki 知识库

全部文档 / 标签: 架构图

8 篇
清除

一段超级提示词让 Opus 5.5 直接画出整个项目的架构地图

作者分享了一段超级提示词,可以让 Claude Opus 5.5 直接生成整个项目的可视化架构地图。与 Devin 的 deepwiki 偏文档式 wiki 不同,这种方式更偏可视化。作者在自己的项目上实测,效果非常好,并将原作者针对特定项目的提示词改写成了通用版本发布在 gist 上。回复中提到 grok 也可以实现,只是 Opus 效果更好,但作者对界面美观度仍不太满意,认为需要再优化。

技术 › LLM LinearUncle 2026-10-021.9 KB 61

Codex 实战系列|零代码画出复杂架构图

本文介绍如何利用 Codex 配合 Draw.io MCP 工具,无需手动画图即可生成可编辑的架构图。从安装配置到实战案例,涵盖组织结构图、预约 SaaS 系统、企业数字化全景、运营商云网总览、六层 48 模块复杂架构图及分期规划图。详细讲解了在 Draw.io 中修改文字、移动方框、调整连线、对齐分布、配色字号等操作,并强调保存源文件与导出图片的注意事项。适合需要快速制作方案架构图的读者。

技术 › 工具与效率 Miles Ma 2026-09-1118.5 KB 200.1K 366 83

告别丑陋的 Mermaid,diagram-design 让 Claude Code 随手画出出版级架构图

文章介绍了开源工具 diagram-design,它为 Claude Code、Codex 等编码 Agent 提供了 39 种出版级专业图表能力,包括架构图、时序图、桑基图、鱼骨图、Wardley Map 和数据库模型等。生成的图表全部为独立纯 HTML + SVG 代码,零外部依赖,无多余阴影和滤镜,支持浅色、深色和编辑模式,浏览器直接打开即用。该工具采用 MIT 协议,可通过插件市场一键安装,还支持将现有 Mermaid 或 draw.io 图源直接重绘成高质量排版,解决了 AI 生成流程图丑陋难用的痛点。

30秒画完一张产品架构图,Skill开源给你

本文介绍了开源项目 drawio-generator,这是一个专为 Claude Code 等 AI 工具设计的 Skill。通过该工具,用户仅需一句话即可在 30 秒内自动生成专业的产品架构图、流程图或时序图,并输出为 .drawio 文件。文章详细展示了生成效果,提供了无需编程的“一句话安装”指南,并阐述了其适用的多种场景。该项目采用 MIT 协议,旨在解决手动绘图耗时、排版困难的问题。

技术 › Skill 老王霸 AI Lab 2026-07-106.9 KB 12.2K 93

15张可直接复用的AI画图工作流架构图

本文介绍了一套包含15个高清架构、流程和数据图的AI画图工作流,并非Demo,而是可直接用于实际业务场景的技能集合。内容涵盖企业架构、系统设计、BPMN流程、云架构、数据链路、UML、网络拓扑、思维导图及信息图表等。这些工具适合开发者绘制系统设计,产品经理梳理流程与规划,以及技术写作者制作文档和汇报材料,旨在提升方案文档的结构化和专业性。

技术 › 工具与效率 libapi 2026-05-255.1 KB 8.5K 82 71

用开源 AI 工具生成项目架构图

文章介绍了一款名为 Architecture Diagram Generator 的开源 Claude 技能,它允许开发者通过简单的英文提示词自动生成深色主题的精美系统架构图。文章详细讲解了如何从 GitHub 下载并安装该技能到 Claude Code,以及如何通过聊天界面快速生成、迭代和导出独立的 HTML/SVG 架构图。该工具不仅支持本地项目,还能解析 GitHub 公共仓库,是文档编写和项目交接的得力助手。

技术 › Claude AlphaSignal AI 2026-04-1712.3 KB 130.9K 525 76

安利一款画架构图的Skill,一键生成

文章介绍了一款名为 `architecture_diagram` 的 Hermes Agent 技能,该技能基于开源项目,能够通过简单的自然语言描述一键生成专业的系统架构图。作者详细讲解了在 Claude Code 和 Hermes Agent 中的安装与使用步骤,并提供了全栈应用、AWS 架构及微服务等多种生成示例,是开发人员绘制架构图的实用工具。

技术 › Hermes 李岳 2026-04-164.2 KB 21.6K 133 80