Skilloop

作品展示

展示素材来自上游仓库,转存并保留署名。 Agents365-ai/drawio-skill
draw.io 可编辑架构图 — Microservices architecture
Microservices architecture© Agents365-ai · drawio-skill (MIT)

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮,一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送,它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西,agent 会按这个 Skill 的流程来做。

你:/drawio-skill 帮我做:习惯用 draw.io 维护图的工程团队

示例对话,仅演示调用方式,不代表实际产出。

你会得到

  • 可编辑的架构图、UML、ER 图、BPMN、泳道图
  • 增量同步,不会冲掉你手动调过的布局
  • 导出 PNG/SVG、交互 HTML、PPTX、Mermaid

适合

  • 习惯用 draw.io 维护图的工程团队
  • 想从真实基础设施代码生成架构图

不适合

  • 用 Mermaid / PlantUML 就够了的场景

你需要

  • python3;导出需要 draw.io 桌面版
许可证
MIT
作者
@Agents365-ai
支持:Claude CodeCodexCursorGitHub Copilot

上游描述

Create and edit draw.io/diagrams.net diagrams as editable `.drawio` files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API schemas, plus sync, query, test, review, export, and publish of existing diagrams. Use when the user asks for draw.io/diagrams.net or an editable diagram; prefer Mermaid/PlantUML…

其他安装方式

更喜欢自己动手?下面的命令和上方按钮效果相同。

安装提示词(粘贴给你的 Agent)
Read https://skilloop.dev/skills/drawio-skill/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/Agents365-ai/drawio-skill/tree/main/skills/drawio-skill -g -a codex
手动安装(git) · Claude Code
git clone --depth 1 https://github.com/Agents365-ai/drawio-skill.git /tmp/drawio-skill
mkdir -p ~/.claude/skills && cp -r /tmp/drawio-skill/skills/drawio-skill ~/.claude/skills/drawio-skill

作品版权归原作者所有,依其许可证分发;本站仅做链接与介绍。

相关技能