class-diagram
通过Mermaid语法自动生成代码的类图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：class-diagram。 它的用途是：通过Mermaid语法自动生成代码的类图 完整的 Skill 内容见：https://321skill.com/skills/class-diagram-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请为项目src/models目录下的TypeScript代码生成一个Mermaid类图，展示主要的用户、订单和商品类及其关系。'，它会分析指定路径的代码，提取类、属性、方法以及继承、组合等关系，然后输出一份完整的Mermaid语法。你可以将此语法复制到Markdown文件中，即可获得清晰的结构图，便于团队讨论或归档。
介绍
这个Skill解决了开发者在理解复杂代码结构、进行技术文档撰写或代码评审时，难以直观把握类、接口、继承和组合关系的痛点。它通过分析代码或描述，自动生成标准的Mermaid类图，将抽象的结构关系可视化。
使用时，开发者只需提供代码片段、项目路径或对类型关系的描述，该Skill便会调用底层能力，生成对应的Mermaid语法文本。用户可以将此文本直接粘贴到支持Mermaid的Markdown编辑器（如GitHub、Obsidian、Typora）或专门的图表工具中渲染成清晰的UML类图。
它非常适合需要频繁梳理代码架构、编写技术文档或进行团队协作的开发者。无论是前端、后端还是全栈工程师，在接手新项目、重构旧代码或设计新模块时，都能借助此工具快速理清思路。对于技术负责人或文档工程师，它也是制作架构说明材料的得力助手。
建议在使用时，尽量提供清晰、完整的代码或类型定义，以获得更准确的图表。生成的Mermaid语法可以进一步手动调整以满足特定排版需求。注意，它主要基于静态分析生成结构图，不展示运行时动态行为。
核心特点
与通用代码分析工具不同，它专注于生成标准、可直接渲染的Mermaid类图语法，无缝集成到Markdown工作流中；与手动绘制工具相比，它通过解析代码自动生成，准确高效，避免了人工梳理可能出现的遗漏和错误。
注意事项
不适合需要展示运行时对象交互、序列流程或复杂状态转换的动态行为建模场景。
常见问题
支持哪些编程语言？
主要支持常见的面向对象语言，如TypeScript/JavaScript、Java、Python等，能识别类、接口、继承和组合等关键结构。
生成的图表如何查看？
输出为Mermaid语法文本，可粘贴到支持Mermaid的Markdown编辑器、GitHub README或Mermaid Live Editor等在线工具中渲染为图片。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/class-diagram-x-7/raw/index.md 读取 class-diagram 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/class-diagram-x-7/raw/index.md（查看排版版本）