https://anTtutu.github.io/tags/skill/ Recent content in Skill on Anttu's Blog Hugo zh-CN Thu, 30 Apr 2026 00:29:47 +0800 https://anTtutu.github.io/post/2026-04-30-claude-skills/ Thu, 30 Apr 2026 00:29:47 +0800 https://anTtutu.github.io/post/2026-04-30-claude-skills/ <h2 id="前言">前言</h2> <p>本文档介绍 <code>.claude/skills/</code> 目录下各个技能（skill）的功能和用途，以表格形式呈现，方便快速查阅。</p> <h2 id="文档生成类技能">文档生成类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>swagger-doc-generator</strong></td> <td>为 Java Spring Boot 项目生成 OpenAPI/Swagger 文档</td> <td>当需要生成 REST API 文档时触发</td> <td>分析 Controller 代码、注解和 DTO，生成符合 OpenAPI 3.0 规范的 YAML/JSON 文件</td> </tr> </tbody> </table> <h2 id="图表绘制类技能">图表绘制类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>drawio</strong></td> <td>创建 draw.io 图表（.drawio 文件）</td> <td>流程图、架构图、ER 图、序列图、类图、网络图、线框图</td> <td>支持导出 PNG/SVG/PDF，生成 mxGraphModel XML 格式</td> </tr> <tr> <td><strong>excalidraw-diagram</strong></td> <td>生成 Excalidraw 图表</td> <td>手绘风格图表、流程图、思维导图</td> <td>支持 Obsidian/Standard/Animated 三种输出模式</td> </tr> <tr> <td><strong>mermaid-visualizer</strong></td> <td>将文本转换为 Mermaid 图表</td> <td>流程图、系统架构、对比图、思维导图</td> <td>支持 Process Flow、Circular Flow、Comparison、Mindmap、Sequence、State 等类型</td> </tr> <tr> <td><strong>graphviz</strong></td> <td>使用 DOT 语言创建有向/无向图</td> <td>依赖树、调用图、包层级结构</td> <td>使用 <code>digraph</code> 或 <code>graph</code>，自动布局</td> </tr> <tr> <td><strong>canvas</strong></td> <td>创建 JSON 格式的自由定位画布</td> <td>概念图、知识图、规划板</td> <td>支持节点（text/file/link/group）和边连接，Obsidian Canvas 兼容</td> </tr> </tbody> </table> <h2 id="架构图类技能">架构图类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>architecture</strong></td> <td>创建分层系统架构图（HTML/CSS）</td> <td>技术栈、微服务拓扑、多层应用设计</td> <td>12 种配色风格（Steel Blue、Ember Warm、Neon Dark 等）+ 12 种布局模式</td> </tr> <tr> <td><strong>uml</strong></td> <td>创建 UML 图表</td> <td>类图、序列图、活动图、状态图、组件图等</td> <td>使用 PlantUML 语法，支持 9500+ mxgraph stencil 图标</td> </tr> <tr> <td><strong>cloud</strong></td> <td>创建云架构图（AWS/Azure/GCP/阿里云）</td> <td>多云拓扑、迁移蓝图</td> <td>支持 AWS、Azure、GCP、阿里云、IBM、Kubernetes、OpenStack</td> </tr> <tr> <td><strong>network</strong></td> <td>创建网络拓扑图</td> <td>LAN/WAN、数据中心互联、物理/逻辑网络设计</td> <td>支持 Cisco、Citrix 等网络设备图标</td> </tr> <tr> <td><strong>security</strong></td> <td>创建安全架构图</td> <td>IAM 流程、零信任模型、加密管道、威胁检测</td> <td>包含身份访问、加密、网络安全、合规审计等图标</td> </tr> <tr> <td><strong>data-analytics</strong></td> <td>创建数据分析和 ETL 架构图</td> <td>数据湖、实时流处理、数据仓库、BI 仪表盘</td> <td>支持 AWS 分析服务（Athena、Glue、Kinesis、Redshift 等）</td> </tr> <tr> <td><strong>iot</strong></td> <td>创建物联网架构图</td> <td>智能家居、工业物联网、边缘计算、传感器网络</td> <td>支持设备管理、边缘网关、数字孪生等</td> </tr> <tr> <td><strong>archimate</strong></td> <td>创建 ArchiMate 企业架构图</td> <td>TOGAF 视图、分层 EA 建模、业务/应用/技术层</td> <td>支持业务、应用、技术、动机、实现层</td> </tr> </tbody> </table> <h2 id="流程图类技能">流程图类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>bpmn</strong></td> <td>创建业务流程图（BPMN/EIP/精益映射）</td> <td>工作流自动化、审批链、消息集成模式、价值流映射</td> <td>支持 BPMN 事件、网关、任务，EIP 消息模式</td> </tr> <tr> <td><strong>mindmap</strong></td> <td>创建层级思维导图</td> <td>头脑风暴、主题分解、学习笔记、决策树</td> <td>使用 PlantUML @startmindmap 语法，自动径向布局</td> </tr> <tr> <td><strong>infographic</strong></td> <td>创建基于模板的信息图</td> <td>KPI 仪表盘、时间线、路线图、SWOT 分析、漏斗图</td> <td>使用简化的空格分隔语法，预置 40+ 模板</td> </tr> </tbody> </table> <h2 id="可视化卡片类技能">可视化卡片类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>infocard</strong></td> <td>创建信息卡片（HTML/CSS 编辑风格）</td> <td>知识摘要、数据亮点、活动公告、杂志级排版</td> <td>30+ 风格模板 + 30+ 布局骨架</td> </tr> <tr> <td><strong>ppt-master</strong></td> <td>AI 驱动生成 PPT 演示文稿</td> <td>从 PDF/DOCX/URL/Markdown 生成 PPTX</td> <td>多步骤串行流程：源处理 → 项目初始化 → 模板选择 → 策略设计 → SVG 生成 → 导出</td> </tr> </tbody> </table> <h2 id="数据可视化类技能">数据可视化类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>vega</strong></td> <td>创建 Vega/Vega-Lite 图表</td> <td>统计可视化：柱状图、折线图、散点图、热力图、雷达图</td> <td>使用声明式 JSON 语法，90% 场景用 Vega-Lite</td> </tr> </tbody> </table> <h2 id="其他技能">其他技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td><strong>find-skills</strong></td> <td>发现和安装代理技能</td> <td>当用户询问&quot;如何做 X&quot;或寻找技能时使用</td> <td>搜索 Skills CLI (npx skills) 和 Skillhub 生态系统的技能</td> </tr> <tr> <td><strong>api-conventions</strong></td> <td>REST API 设计规范</td> <td>定义 API 设计标准</td> <td>URL kebab-case、JSON camelCase、分页支持、API 版本化</td> </tr> <tr> <td><strong>obsidian-canvas-creator</strong></td> <td>创建 Obsidian Canvas 文件</td> <td>交互式画布、心智图、空间化信息组织</td> <td>支持 MindMap 和 Freeform 两种布局</td> </tr> </tbody> </table> <hr> <h2 id="技能使用快速指南">技能使用快速指南</h2> <h3 id="触发词汇总">触发词汇总</h3> <table> <thead> <tr> <th>技能</th> <th>触发词</th> </tr> </thead> <tbody> <tr> <td>swagger-doc-generator</td> <td>Swagger、OpenAPI、API文档、生成接口文档</td> </tr> <tr> <td>drawio</td> <td>draw、diagram、flowchart、architecture、.drawio 文件</td> </tr> <tr> <td>excalidraw-diagram</td> <td>Excalidraw、画图、流程图、思维导图、可视化</td> </tr> <tr> <td>ppt-master</td> <td>create PPT、make presentation、生成PPT、做PPT</td> </tr> <tr> <td>infographic</td> <td>KPI、timeline、roadmap、SWOT、funnel、comparison</td> </tr> </tbody> </table> <h3 id="语法标识符汇总">语法标识符汇总</h3> <table> <thead> <tr> <th>技能</th> <th>代码 fence 标识符</th> </tr> </thead> <tbody> <tr> <td>uml / cloud / network / security / bpmn / iot / data-analytics / archimate / mindmap</td> <td><code>```plantuml</code> 或 <code>```puml</code></td> </tr> <tr> <td>mermaid-visualizer</td> <td><code>```mermaid</code></td> </tr> <tr> <td>graphviz</td> <td><code>```dot</code></td> </tr> <tr> <td>vega</td> <td><code>```vega-lite</code> 或 <code>```vega</code></td> </tr> <tr> <td>canvas</td> <td><code>```canvas</code></td> </tr> <tr> <td>infographic</td> <td><code>```infographic</code></td> </tr> </tbody> </table> <hr> <h2 id="技能分类索引">技能分类索引</h2> <h3 id="-图表绘制类">📊 图表绘制类</h3> <ul> <li>drawio、excalidraw-diagram、mermaid-visualizer、graphviz、canvas</li> </ul> <h3 id="-架构设计类">🏗️ 架构设计类</h3> <ul> <li>architecture、uml、cloud、network、security、data-analytics、iot、archimate</li> </ul> <h3 id="-流程与关系类">📈 流程与关系类</h3> <ul> <li>bpmn、mindmap、infographic</li> </ul> <h3 id="-可视化内容类">📇 可视化内容类</h3> <ul> <li>infocard、ppt-master、vega</li> </ul> <h3 id="-工具与规范类">🔧 工具与规范类</h3> <ul> <li>swagger-doc-generator、find-skills、api-conventions、obsidian-canvas-creator</li> </ul> <hr> <h2 id="文档生成类技能-1">文档生成类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>swagger-doc-generator</td> <td>为 Java Spring Boot 项目生成 OpenAPI/Swagger 文档</td> <td>当需要生成 REST API 文档时触发</td> <td>分析 Controller 代码、注解和 DTO，生成符合 OpenAPI 3.0 规范的 YAML/JSON 文件</td> </tr> </tbody> </table> <h2 id="图表绘制类技能-1">图表绘制类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>drawio</td> <td>创建 draw.io 图表（.drawio 文件）</td> <td>流程图、架构图、ER 图、序列图、类图、网络图、线框图</td> <td>支持导出 PNG/SVG/PDF，生成 mxGraphModel XML 格式</td> </tr> <tr> <td>excalidraw-diagram</td> <td>生成 Excalidraw 图表</td> <td>手绘风格图表、流程图、思维导图</td> <td>支持 Obsidian/Standard/Animated 三种输出模式</td> </tr> <tr> <td>mermaid-visualizer</td> <td>将文本转换为 Mermaid 图表</td> <td>流程图、系统架构、对比图、思维导图</td> <td>支持 Process Flow、Circular Flow、Comparison、Mindmap、Sequence、State 等类型</td> </tr> <tr> <td>graphviz</td> <td>使用 DOT 语言创建有向/无向图</td> <td>依赖树、调用图、包层级结构</td> <td>使用 digraph 或 graph，自动布局</td> </tr> <tr> <td>canvas</td> <td>创建 JSON 格式的自由定位画布</td> <td>概念图、知识图、规划板</td> <td>支持节点（text/file/link/group）和边连接，Obsidian Canvas 兼容</td> </tr> </tbody> </table> <h2 id="架构图类技能-1">架构图类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>architecture</td> <td>创建分层系统架构图（HTML/CSS）</td> <td>技术栈、微服务拓扑、多层应用设计</td> <td>12 种配色风格 + 12 种布局模式</td> </tr> <tr> <td>uml</td> <td>创建 UML 图表</td> <td>类图、序列图、活动图、状态图、组件图等</td> <td>使用 PlantUML 语法，支持 9500+ mxgraph stencil 图标</td> </tr> <tr> <td>cloud</td> <td>创建云架构图（AWS/Azure/GCP/阿里云）</td> <td>多云拓扑、迁移蓝图</td> <td>支持 AWS、Azure、GCP、阿里云、IBM、Kubernetes、OpenStack</td> </tr> <tr> <td>network</td> <td>创建网络拓扑图</td> <td>LAN/WAN、数据中心互联、物理/逻辑网络设计</td> <td>支持 Cisco、Citrix 等网络设备图标</td> </tr> <tr> <td>security</td> <td>创建安全架构图</td> <td>IAM 流程、零信任模型、加密管道、威胁检测</td> <td>包含身份访问、加密、网络安全、合规审计等图标</td> </tr> <tr> <td>data-analytics</td> <td>创建数据分析和 ETL 架构图</td> <td>数据湖、实时流处理、数据仓库、BI 仪表盘</td> <td>支持 AWS 分析服务</td> </tr> <tr> <td>iot</td> <td>创建物联网架构图</td> <td>智能家居、工业物联网、边缘计算、传感器网络</td> <td>支持设备管理、边缘网关、数字孪生等</td> </tr> <tr> <td>archimate</td> <td>创建 ArchiMate 企业架构图</td> <td>TOGAF 视图、分层 EA 建模</td> <td>支持业务、应用、技术、动机、实现层</td> </tr> </tbody> </table> <h2 id="流程图类技能-1">流程图类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>bpmn</td> <td>创建业务流程图（BPMN/EIP/精益映射）</td> <td>工作流自动化、审批链、消息集成模式</td> <td>支持 BPMN 事件、网关、任务，EIP 消息模式</td> </tr> <tr> <td>mindmap</td> <td>创建层级思维导图</td> <td>头脑风暴、主题分解、学习笔记、决策树</td> <td>使用 PlantUML @startmindmap 语法，自动径向布局</td> </tr> <tr> <td>infographic</td> <td>创建基于模板的信息图</td> <td>KPI 仪表盘、时间线、路线图、SWOT 分析、漏斗图</td> <td>使用简化的空格分隔语法，预置 40+ 模板</td> </tr> </tbody> </table> <h2 id="可视化卡片类技能-1">可视化卡片类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>infocard</td> <td>创建信息卡片（HTML/CSS 编辑风格）</td> <td>知识摘要、数据亮点、活动公告、杂志级排版</td> <td>30+ 风格模板 + 30+ 布局骨架</td> </tr> <tr> <td>ppt-master</td> <td>AI 驱动生成 PPT 演示文稿</td> <td>从 PDF/DOCX/URL/Markdown 生成 PPTX</td> <td>多步骤串行流程</td> </tr> </tbody> </table> <h2 id="数据可视化类技能-1">数据可视化类技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>vega</td> <td>创建 Vega/Vega-Lite 图表</td> <td>统计可视化：柱状图、折线图、散点图、热力图、雷达图</td> <td>使用声明式 JSON 语法</td> </tr> </tbody> </table> <h2 id="其他技能-1">其他技能</h2> <table> <thead> <tr> <th>技能名称</th> <th>功能描述</th> <th>用途场景</th> <th>关键特性</th> </tr> </thead> <tbody> <tr> <td>find-skills</td> <td>发现和安装代理技能</td> <td>当用户询问&quot;如何做 X&quot;或寻找技能时使用</td> <td>搜索 Skills CLI 和 Skillhub 生态系统的技能</td> </tr> <tr> <td>api-conventions</td> <td>REST API 设计规范</td> <td>定义 API 设计标准</td> <td>URL kebab-case、JSON camelCase、分页支持、API 版本化</td> </tr> <tr> <td>obsidian-canvas-creator</td> <td>创建 Obsidian Canvas 文件</td> <td>交互式画布、心智图、空间化信息组织</td> <td>支持 MindMap 和 Freeform 两种布局</td> </tr> </tbody> </table> <hr> <blockquote> <p>更多详细使用说明请参考各技能目录下的 <code>skill.md</code> 文件。</p>