Diagram producer

Skill morning-start/agent-skills/process/doc-orchestrator/skills/doc-phase-production/diagram-producer

AI 编程助手的专业技能库，涵盖 30+ 技能，按 6 类组织

Install

npx -y skills add morning-start/agent-skills --skill diagram-producer

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use when the user needs documentation diagrams and wants the right format selected automatically, such as TXT or Mermaid.

SKILL.md

4.1 KB, as published. Nobody here has run it

Diagram Producer

职责

分析文档内容复杂度
智能选择绘图方式（TXT/Mermaid）
生成架构图、时序图、ER图、状态图、流程图
确保配色规范（Mermaid）

输入

文档类型和内容
绘图需求描述

输出

TXT 字符图（默认）
或 Mermaid 图表（复杂度较高时）

智能选择规则

图类型	复杂度	选择	原因
简单架构	<5 组件	TXT	快速直观
复杂架构	≥5 组件	Mermaid	层次清晰
时序图	任意	Mermaid	时序难用TXT表达
ER 图	任意	Mermaid	关系线需要精确
状态图	≤5 状态	TXT	简单状态机可用TXT
状态图	>5 状态	Mermaid	状态多时易乱
流程图	简单分支	TXT	线性流程直观
流程图	复杂分支	Mermaid	多分支需要排版

TXT 图示例

┌─────────────┐     HTTPS     ┌─────────────┐
│   Client    │ ────────────► │   Gateway   │
└─────────────┘               └──────┬──────┘
                                     │
                    ┌────────────────┼────────────────┐
                    ▼                ▼                ▼
             ┌──────────┐   ┌──────────┐   ┌──────────┐
             │  User Svc │   │ Order Svc│   │ Pay Svc  │
             └─────┬─────┘   └─────┬─────┘   └─────┬────┘
                   ▼               ▼               ▼
             ┌─────────────────────────────────────────┐
             │             PostgreSQL                   │
             └─────────────────────────────────────────┘

Mermaid 图示例（带配色）

%%{
  init: {
    "theme": "base",
    "themeVariables": {
      "primaryColor": "#e3f2fd",
      "primaryTextColor": "#1a237e",
      "primaryBorderColor": "#1976d2",
      "lineColor": "#546e7a",
      "secondaryColor": "#f3e5f5",
      "tertiaryColor": "#e8f5e9"
    }
  }
}%%
graph TB
    Client["🖥️ 客户端"] -->|HTTPS| Gateway["🚪 API Gateway"]
    Gateway --> User["👤 用户服务"]
    Gateway --> Order["📦 订单服务"]
    Gateway --> Pay["💳 支付服务"]
    User --> DB[("📊 PostgreSQL")]
    Order --> DB
    Pay --> DB

配色规范

亮色主题（默认）

primaryColor: "#e3f2fd"        # 浅蓝背景
primaryTextColor: "#1a237e"    # 深蓝文字
primaryBorderColor: "#1976d2"  # 中蓝边框
lineColor: "#546e7a"           # 灰蓝连线
secondaryColor: "#f3e5f5"      # 浅紫备选
tertiaryColor: "#e8f5e9"       # 浅绿备选

暗色主题（可选）

primaryColor: "#1a237e"
primaryTextColor: "#e3f2fd"
primaryBorderColor: "#64b5f6"
lineColor: "#90a4ae"
secondaryColor: "#4a148c"
tertiaryColor: "#1b5e20"

支持的图类型

类型	TXT 支持	Mermaid 语法
架构图	✅ 方框+连线	flowchart/graph
时序图	⚠️ 仅简单	sequenceDiagram
ER 图	❌ 不推荐	erDiagram
状态图	⚠️ 仅简单	stateDiagram-v2
流程图	✅ 简单分支	flowchart
甘特图	❌ 不推荐	gantt
思维导图	❌ 不推荐	mindmap

注意事项

默认使用 TXT，仅在 Mermaid 显著更优时切换
Mermaid 图必须包含配色配置
文字和背景色必须有足够对比度（WCAG AA 标准）
图标（emoji）可选，增强可读性
图必须有标题说明