Diagram producer

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

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

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.

SKILL.md

4.1 KB, ~1.2k tokens by cl100k_base, 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）可选，增强可读性
图必须有标题说明

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.