Stats
Actions
Tags
From photoplus-downloader
Generates Mermaid diagrams from user descriptions of flows, architectures, sequences, state machines, ER models, Gantt charts, user journeys, and class diagrams. Selects the optimal diagram type and produces clean, renderable code.
How this skill is triggered — by the user, by Claude, or both
Slash command
/photoplus-downloader:mermaidThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
专门用于把结构、流程、关系和时间顺序整理成 Mermaid 图。
专门用于把结构、流程、关系和时间顺序整理成 Mermaid 图。
本 skill 主要采用：
flowchart，先判断是否更适合时序图、状态图、ER 图或甘特图flowchart 中，如果节点文本里包含 /plan-ceo-review 这类带斜杠的字符串，不要写成 E1[/plan-ceo-review<br/>CEO视角审视产品]，要写成 E1["/plan-ceo-review"<br/>CEO视角审视产品]，否则容易触发语法错误复制此清单并跟踪进度：
绘图进度：
- [ ] 步骤 1：理解目标
- [ ] 步骤 2：选择图类型
- [ ] 步骤 3：抽取关键节点与关系
- [ ] 步骤 4：生成 Mermaid 代码
- [ ] 步骤 5：自查可读性与语法
- [ ] 步骤 6：交付并说明
先判断用户要表达的核心是什么：
如果用户给的是文章、方案、PRD、会议纪要或口头描述，先提炼成“节点 + 关系 + 顺序/层级”。
优先根据表达目标选择图类型。需要时读取 references/diagram-selection.md。
快速判断：
flowchartsequenceDiagramstateDiagram-v2erDiagramganttjourneyclassDiagramgitGraph如果用户指定了图类型，优先尊重；仅在明显不合适时再说明替代建议。
生成前先做轻量结构化：
如果一张图超过 12 个核心节点，优先压缩、分组，或建议拆图。
默认直接输出 fenced code block，例如：
flowchart TD
A[开始] --> B[分析需求]
B --> C{选择图类型}
C -->|流程| D[输出 flowchart]
C -->|时序| E[输出 sequenceDiagram]
生成时遵循这些规则：
A、svc_api、userTDsubgraph交付前至少自查这些点：
flowchart 节点文本里若包含以 / 开头的路径或命令，是否已经用引号包住显示文本如果图较复杂，先保证“能渲染 + 看得懂”，再追求细节丰富。
默认交付内容：
如果用户要求“只给 Mermaid 代码”，就不要附加多余解释。
npx claudepluginhub chujianyun/skills --plugin wechat-official-account-qrCreates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Masters syntax for all types with styling, best practices, and rendering guidance.
Generates Mermaid diagrams for class models, sequences, flowcharts, ERDs, C4 architecture, git graphs, gantt charts to visualize software architecture, flows, databases, and processes.
Generates Mermaid diagrams for flowcharts, sequence diagrams, state diagrams, class diagrams, ERDs, and system architectures to visualize complex concepts and processes.