architecture-diagram
生成Mermaid架构图展示组件关系
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：architecture-diagram。 它的用途是：生成Mermaid架构图展示组件关系 完整的 Skill 内容见：https://321skill.com/skills/architecture-diagram-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请为一个电商平台生成Mermaid架构图，包含用户服务、商品服务、订单服务、支付服务、库存服务，订单服务调用用户和支付，支付成功后调用库存扣减。”它会输出完整的Mermaid代码和预览，你可以直接复制到Markdown文件中展示。
介绍
在系统设计、技术文档编写或项目复盘时，快速理解复杂系统的组件结构往往需要大量手动绘制。这个 Skill 能根据你的描述自动生成 Mermaid 架构图，直观展示服务、模块、数据库等核心组件之间的调用与依赖关系，帮助团队快速对齐架构认知。
使用方式很简单：你只需用自然语言描述系统的高层结构（例如“电商系统包含用户、订单、支付、库存四个服务，订单依赖用户和支付，支付调用库存扣减”），Skill 就会输出一段 Mermaid 代码和对应的可视化预览图。你还可以要求调整聚合层次、隐藏无关细节或指定着色规则。
适合所有需要表达系统架构的人员：后端/全栈/前端开发者在设计评审、技术文档中快速生成架构图；项目经理在方案汇报时展示组件关系；运维工程师在梳理服务拓扑时辅助沟通。
建议在描述时先明确核心组件有哪些、它们之间的主要交互关系，避免过于细节的时序或数据流描述。生成的 Mermaid 代码可直接嵌入 Markdown 文档，方便版本管理和协作。如需修改，只需重新描述调整即可，无需手动拖拽。
核心特点
直接生成聚焦于高层组件关系的 Mermaid 图，而非详细的流程图或序列图，特别适合快速理解系统整体架构而非深入实现细节。
注意事项
不适合展示复杂的数据流、时序逻辑或微服务级别的内部调用链路，需要用户自行拆分层次。
常见问题
生成的 Mermaid 代码可以自定义颜色或样式吗？
可以，在描述时指定颜色规则，例如“用蓝色标注外部服务，绿色标注内部服务”，Skill 会尝试应用。但高级样式定制需手动修改 Mermaid 代码。
能处理多层级架构吗？比如微服务下的子模块？
可以，建议按层次分组描述，例如“订单服务内部包含订单处理、支付协调、库存代理三个子模块”，Skill 会使用子图呈现。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/architecture-diagram-x-6/raw/index.md 读取 architecture-diagram 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/architecture-diagram-x-6/raw/index.md（查看排版版本）