mermaid
✓使用 mermaid-cli (mmdc) 根据 mermaid 定义生成图表和流程图。支持主题、自定义 CSS 和各种输出格式，包括 SVG、PNG 和 PDF。 Mermaid 支持 20 多种图表类型，包括流程图、序列图、类图、状态图、实体关系图、用户旅程、甘特图、饼图、象限图、需求图、GitGraph、C4 图、思维导图、时间线、ZenUML、桑基图、XY 图表、框图、数据包图、看板、架构图、雷达图和树形图。当用户说出“创建图表”、“制作流程图”、“生成序列图”、“创建美人鱼图表”、“将其可视化为图表”、“渲染美人鱼代码”或“创建架构图”等内容时，会触发此技能。
SKILL.md
Mermaid is a JavaScript-based diagramming and charting tool that uses text definitions to create diagrams dynamically. This skill includes the complete official documentation from the mermaid repository.
Quick Start: Read mermaid-cli/README.md for installation and usage. Always use mermaid-cli to validate code and generate diagrams. Adjust width/height for readability (default PNGs are often too small).
Diagram Type Syntax For detailed syntax, examples, and best practices for each diagram type, refer to files in the syntax/ folder:
使用 mermaid-cli (mmdc) 根据 mermaid 定义生成图表和流程图。支持主题、自定义 CSS 和各种输出格式，包括 SVG、PNG 和 PDF。 Mermaid 支持 20 多种图表类型，包括流程图、序列图、类图、状态图、实体关系图、用户旅程、甘特图、饼图、象限图、需求图、GitGraph、C4 图、思维导图、时间线、ZenUML、桑基图、XY 图表、框图、数据包图、看板、架构图、雷达图和树形图。当用户说出“创建图表”、“制作流程图”、“生成序列图”、“创建美人鱼图表”、“将其可视化为图表”、“渲染美人鱼代码”或“创建架构图”等内容时，会触发此技能。 来源：seckatie/katies-ai-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/seckatie/katies-ai-skills --skill mermaid- 分类
- #文档处理
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 mermaid？
使用 mermaid-cli (mmdc) 根据 mermaid 定义生成图表和流程图。支持主题、自定义 CSS 和各种输出格式，包括 SVG、PNG 和 PDF。 Mermaid 支持 20 多种图表类型，包括流程图、序列图、类图、状态图、实体关系图、用户旅程、甘特图、饼图、象限图、需求图、GitGraph、C4 图、思维导图、时间线、ZenUML、桑基图、XY 图表、框图、数据包图、看板、架构图、雷达图和树形图。当用户说出“创建图表”、“制作流程图”、“生成序列图”、“创建美人鱼图表”、“将其可视化为图表”、“渲染美人鱼代码”或“创建架构图”等内容时，会触发此技能。 来源：seckatie/katies-ai-skills。
如何安装 mermaid？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/seckatie/katies-ai-skills --skill mermaid 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/seckatie/katies-ai-skills
详情
- 分类
- #文档处理
- 来源
- skills.sh
- 收录时间
- 2026-02-01