Boo哥AI流程图-drawio:用 Skill 生成可编辑的 .drawio 图表
Boo哥AI流程图-drawio(@user_3c9003af/boo-ai-drawio,v1.0.0)是 SkillHub 上的 design-media 类社区 Skill,由 Boo哥AI智写发布。它面向 Claude Code 等支持 Skill 的客户端,通过交互模式生成原生 .drawio 文件,并可导出 PNG、SVG、PDF、JPG、WebP;提供 7 类图表、6 套主题与三档复杂度,并支持中文排版。本文基于 SkillHub 页面说明安装路径(skillhub install 与 skillhub.cn/install/skillhub.md)、典型自然语言用法及使用注意,无需 API Key。
阅读全文SVG图示制作专家:用内置规范生成与审查 SVG 图示
SVG图示制作专家是 SkillHub 社区 Skill(@user_82fbf76f/svgbuilder,v1.2.0),按内置设计规范生成与审查流程图、架构图、闭环图、维恩图与表格图。涵盖坐标规划、35 条可量化规则及生成后三轮自检与案例积累;无需 API Key。本文说明定位、能力与通过 skillhub CLI 安装到 Cursor 等客户端 skills 目录的方法,并给出生成、修复与评审 SVG 的典型对话用法。
阅读全文架构图与流程图绘制 Skill:在 Agent 对话里产出架构图与流程图
架构图与流程图绘制 Skill(@user_60120345/diagram-builder-pro,v1.0.0)是 SkillHub 社区 dev-programming 类技能,无需 API Key。支持系统架构、微服务、网络拓扑、业务流程、数据流、时序图、状态机、ER 图等,可通过 show_widget 内联 SVG 或 Mermaid 代码块输出。安装可参照 skillhub.cn/install/skillhub.md,用 skillhub install 指定 Agent 的 skills 目录,或在对话中让 AI 按官方提示安装。适合在 Cursor、Claude Code、Codex 等环境中用中英文关键词触发绘图。
阅读全文流程图绘制助手:按 GB 1526-89 在 Agent 里出图
流程图绘制助手是 SkillHub 社区技能 @user_516d7c35/flowchart-designer(v1.0.0,design-media),按 GB 1526-89/ISO 5807-1985 绘制程序流程图、数据流程图、系统流程图、程序网络图与系统资源图,可输出 Mermaid、SVG 或 HTML。无需 API Key。安装需 skillhub CLI 并用 --dir 指向 Agent 的 skills 目录(如 Cursor 为 ~/.cursor/skills/),或向 AI 发送官方安装提示词。适合文档与评审中快速出标准符号流程图。
阅读全文Mermaid Diagram:让 Agent 输出可渲染的 Mermaid 图
Mermaid Diagram(@clawhub_pupujanet-eng/mermaid-diagram)是 pupujanet-eng 发布的 Agent Skill,引导模型按类型选型并输出语法有效的 Mermaid 代码块,覆盖流程图、时序图、思维导图、ER 图、用户旅程等。无需 API Key。可通过 skillhub install 安装到 Cursor 等客户端的 skills 目录,或用 openclaw skills install 从 ClawHub 安装。文章基于 SkillHub 与 ClawHub 官方说明整理安装步骤与示例。
阅读全文代码流程图生成 skill:把复杂代码逻辑画成树状流程图
本文介绍 SkillHub 社区 Skill「代码流程图生成 skill」(@user_76770c14/hyy,v1.0.0),用于将复杂代码逻辑整理为树状流程图以直观呈现运行路径。说明其定位、无需 API Key 的特点,以及通过 skillhub CLI 或按官方安装文档将技能装入 Cursor、Claude Code、Codex 等 Agent skills 目录的步骤,并给出在会话中针对代码片段请求生成流程图的典型用法与适用注意。
阅读全文Draw.io自动生成器:把自然语言和文档变成可编辑的 .drawio 图
Draw.io自动生成器是 SkillHub 社区 Skill(@user_509b3ac1/drawio-generator-pro,v1.0.0),无需 API Key。它将自然语言流程描述或上传文档转为 draw.io 可编辑的 .drawio XML 文件,适用于流程图、架构图、时序图与网络拓扑等场景。安装需按 skillhub.cn/install/skillhub.md 使用 skillhub CLI 并指定 Agent 的 skills 目录。生成后应在 app.diagrams.net 或桌面版 draw.io 中打开并手动微调。
阅读全文Markdown转流程图:把文档步骤收成 Mermaid 流程图
Markdown转流程图是 SkillHub 社区 Skill(@user_6df795bb/markdown-to-flowchart,v1.0.0),将 Markdown 转为 Mermaid 流程图,便于可视化步骤、架构与依赖;无需 API Key。文章说明定位、触发意图、按 skillhub.md 与 CLI 安装到 Cursor 等目录的路径,以及对话式典型用法与校对注意。
阅读全文ProcessOn Diagram Generator:用自然语言生成可编辑在线图表
ProcessOn Diagram Generator(@user_697d94c5/processon-diagramgen,v2.5.2)是 ProcessOn 官方在 SkillHub 发布的绘图技能,无需 API Key。支持用自然语言或 Mermaid 生成流程图、泳道图、时序图、架构图、ER 图、组织架构、时间轴与信息图等可在线编辑图表。本文说明其定位、核心能力、通过 skillhub CLI 安装到 Cursor/Claude Code/Codex 等 skills 目录的步骤,以及典型触发方式与使用注意。
阅读全文ProcessOn流程图表生成专家:用自然语言生成可编辑在线图表
ProcessOn流程图表生成专家是 ProcessOn 官方在 SkillHub 发布的 Agent Skill(v2.5.3),用于将自然语言或 Mermaid 转为可在线编辑的流程图、泳道图、时序图、架构图、ER 图、组织图、时间轴与信息图。适合开发、产品与设计中「自动画图」「可视化业务流程」等场景;标注 requires_api_key,需通过 skillhub install 安装到 Cursor 等 Agent 的 skills 目录并配置 API Key。
阅读全文架构图与流程图绘制专家:在 Agent 里直接出架构图与流程图
「架构图与流程图绘制专家」是 SkillHub 社区 Skill(@user_04c33885/diagram-builder,v1.0.3),无需 API Key。支持系统架构、微服务、拓扑、业务流程、数据流、时序、状态机、ER 等图种,输出 show_widget 内联 SVG 或 Mermaid 代码块。本文说明定位、能力、skillhub 安装命令及 Cursor 等 skills 目录,并给出对话触发关键词与使用注意。
阅读全文