校验优先工作流 + Kroki 备选

mermaid-skill

生成、校验并导出 Mermaid 图表为 PNG / SVG / PDF —— 导出前自动校验语法,杜绝坏图。

/plugin marketplace add Agents365-ai/365-skills
mermaid-skill 用一条自然语言提示词生成的微服务架构图

来自一条自然语言提示词 — 完整提示词见 中文 README

为什么选这个技能

Claude Code 能写 Mermaid —— 本技能补齐校验、导出与主动触发的全流程。

📊

11+ 种图表类型

流程图、时序图、类图、ER、状态图、甘特、饼图、Git 图、C4 上下文、思维导图 —— 每种都有可复制的语法模板。

🔍

校验循环

导出前捕获语法错误。技能会校验 .mmd 并就地修复,坏图永远不会被发出去。

🎨

PNG / SVG / PDF

自动导出 2048px PNG(白底、多主题)、可缩放 SVG、可打印 PDF —— 选一次,技能记住。

🚀

零安装备选

没装 mmdc?技能自动切到 Kroki API,只要有 curl 就行。

主动触发

讨论 3+ 组件、API、状态机、架构时自动激活 —— 不用每次都说 "画个图"。

🌐

中英双语触发

中英文画图请求都识别 —— "画一个时序图" 与 "create a sequence diagram" 等价。

安装

选择你的平台,只要 10 秒。

# Plugin marketplace (recommended)
/plugin marketplace add Agents365-ai/365-skills
/plugin install mermaid

# Or any agent
npx skills add Agents365-ai/365-skills -g

# Manual install
git clone https://github.com/Agents365-ai/mermaid-skill.git ~/.claude/skills/mermaid-skill
# Global
git clone https://github.com/Agents365-ai/mermaid-skill.git ~/.config/opencode/skills/mermaid-skill

# Project
git clone https://github.com/Agents365-ai/mermaid-skill.git .opencode/skills/mermaid-skill
# Global
git clone https://github.com/Agents365-ai/mermaid-skill.git ~/.openclaw/skills/mermaid-skill
# Via SkillsMP CLI
skills install mermaid-skill
# User-level
git clone https://github.com/Agents365-ai/mermaid-skill.git ~/.agents/skills/mermaid-skill

# Project-level
git clone https://github.com/Agents365-ai/mermaid-skill.git .agents/skills/mermaid-skill

支持作者

如果这个 skill 对你有帮助,欢迎支持作者。

微信支付 微信支付
支付宝 支付宝
Buy Me a Coffee Buy Me a Coffee
打赏 打赏

作者

Agents365-ai