class-diagram
生成Mermaid类图，可视化代码类型、继承与组合关系
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：class-diagram。 它的用途是：生成Mermaid类图，可视化代码类型、继承与组合关系 完整的 Skill 内容见：https://321skill.com/skills/class-diagram/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请帮我分析下面这段TypeScript代码中User、Admin和Logger类的关系，并生成类图。’，它会解析你提供的代码，识别出类、接口、继承（extends）和组合（依赖）关系，然后生成一份清晰的Mermaid类图代码，你可以直接用于你的设计文档。
介绍
这个Skill解决了开发者在阅读或维护复杂代码库时，难以快速理清类与类之间关系的问题。它通过分析代码上下文，自动生成Mermaid格式的类图，清晰展示类型定义、继承关系和组合结构。
使用时，开发者只需在对话中提及相关的代码或类型名称，AI便会调用此Skill生成对应的类图。生成的Mermaid代码可以直接复制到支持Mermaid的Markdown编辑器或文档工具中渲染成可视化图表。
它非常适合前端、后端及全栈开发人员，在梳理代码结构、进行系统设计评审或编写技术文档时使用。对于需要向团队解释架构，或为新成员提供代码导航的开发者来说尤其有用。
建议在生成类图前，尽可能提供清晰、完整的类型名称或代码片段，以确保生成的图表准确反映你的代码结构。注意，它主要基于对话上下文中的信息进行分析，对于未在上下文中提及的深层嵌套或外部依赖关系，可能需要额外说明。
核心特点
与仅能生成简单代码片段的工具不同，此Skill专注于解析并可视化代码中的类型系统关系，特别是继承与组合，能直接生成可嵌入文档的Mermaid语法图。
注意事项
不适合分析未在对话上下文中提供的、或位于复杂外部依赖中的类结构。
常见问题
生成的类图可以导出吗？
可以，它直接输出Mermaid代码，可复制到任何支持Mermaid的平台渲染。
需要我提供完整的代码吗？
不需要完整代码，但提供清晰的类名或关键代码片段能让分析更准确。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/class-diagram/raw/index.md 读取 class-diagram 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/class-diagram/raw/index.md（查看排版版本）