Token导航 LogoToken导航TokenDH.com
待分类只读github未标认证来源可访问许可证需确认审计提醒

diagramdiagram 图表绘制

Agent Skill

diagram 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

总安装

267

周安装

11

GitHub Stars

3

下载量

87
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:diagram(diagram 图表绘制)
来源仓库:https://github.com/todiagram/skills
仓库路径:skills/diagram
安装命令:
npx skills add https://github.com/todiagram/skills --skill diagram
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/todiagram/skills --skill diagram

简介

diagram 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息。

  • 适合在 Codex、Claude、Cursor、Gemini CLI 中围绕仓库状态、代码变更或协作事项进行整理。
  • 通过 npx skills add 命令从指定 GitHub 仓库安装使用。
  • 安装前需确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
  • 建议结合原始 README 核验具体用法和功能边界。

SKILL.md

Diagram

Mission

Generate human-readable .todiagram JSON that is valid for ToDiagram's custom schema and optimized for fast visual comprehension.

Mode Router

  1. schema-build: user asks to create/fix .todiagram structure or convert notes into valid nodes/edges.
  2. system-architecture: user asks for platform/service/component topology.
  3. flow-diagram: user asks for workflow, journey, runbook, or decision flow.
  4. detail-calibration: user asks to simplify, enrich, or split dense diagrams.

If a request spans multiple modes, run in this order:

  1. schema-build
  2. system-architecture or flow-diagram
  3. detail-calibration
  4. final schema validation

Global Output Contract

  • Default to file-first output for stability: create a .todiagram file and return its path.
  • Only return inline JSON when the user explicitly asks for inline output.
  • Use canonical raw .todiagram keys: nodes, edges, direction, id, label, from, to, imageUrl, iconUrl, custom_theme, fields.
  • Put node display data inside the fields object. Direct properties on the node are deprecated by the schema.
  • Never combine imageUrl with fields on the same node — imageUrl replaces row rendering.
  • Include imageUrl and iconUrl only when used; omit the keys entirely otherwise.
  • Include node-level nodes only for true containers with real children.
  • Restrict direction to RIGHT, LEFT, UP, or DOWN (UP, not TOP).
  • Keep IDs globally unique; ensure every edge endpoint resolves to an existing ID.
  • Prefer Iconify specs (logos:*, fa7-solid:*, short forms like fa:gear) for icons; use external URL icons only if the user explicitly requests them.
  • When the exact Iconify slug is unknown, look it up via curl -fsSL 'https://api.iconify.design/search?query=<term>&limit=10' (optionally &prefix=logos) and pick a slug from the returned icons array. Use the ToDiagram MCP icon-search tool when available.
  • Apply per-node theming via custom_theme (NODE, EDGE, TEXT groups) — see schema contract for full key list.

File Output Policy

  • If user provides a target path/name, write there.
  • If user does not provide one, derive a short kebab-case filename from the diagram's topic or subject (e.g., "system architecture" → system-architecture.todiagram, "user onboarding flow" → user-onboarding-flow.todiagram, "AWS infrastructure" → aws-infrastructure.todiagram). Write to the current working directory.
  • For multi-diagram outputs, use stable descriptive names: overview.todiagram, domain-<name>.todiagram, flow-<name>.todiagram.
  • After writing, run: python scripts/validate_todiagram_schema.py <file>.todiagram

Core Workflow

  1. Identify audience and decision intent.
  2. Select mode and detail tier (overview, working, deep-dive).
  3. Draft container hierarchy first, then leaf nodes, then edges.
  4. Add concise labels and only high-signal metadata.
  5. Validate with references/authoring-checklist.md and run: python scripts/validate_todiagram_schema.py <file>.todiagram
  6. If overloaded, split using references/split-strategies.md while preserving shared IDs/names.

Mode Playbooks

1) Schema Build

Read references/schema-contract.md first.

Use this scaffold unless the user provides a different envelope:

{
  "direction": "RIGHT",
  "nodes": [],
  "edges": []
}

Rules:

  • Add configuration only when key mappings deviate from defaults.
  • Normalize payloads to canonical keys (childrennodes, source/targetfrom/to).
  • Move deprecated direct node properties into the fields object.
  • If a node has both imageUrl and fields, drop one — they cannot coexist.

2) System Architecture

Read:

Rules:

  • Prefer 2-3 hierarchy levels.
  • Keep most containers within 3-8 children.
  • Connect leaf-to-leaf interactions by default.
  • Keep overview diagrams metadata-light.

3) Flow Diagrams

Read:

Rules:

  • Build happy path first, then branches/failures/retries.
  • Keep one dominant direction per diagram.
  • Keep edge labels short (1-3 words) and meaningful.

4) Detail Calibration

Read:

Rules:

  • Choose a detail tier before generating.
  • If above budget, split by domain, lifecycle, environment, or audience.
  • Keep cross-diagram naming and shared IDs consistent.

Example Intents

  • "Create a high-level SaaS architecture in ToDiagram." -> system-architecture + overview tier.
  • "Fix this invalid ToDiagram JSON." -> schema-build.
  • "Turn this incident runbook into a readable flow." -> flow-diagram (+ detail-calibration if dense).

Troubleshooting

  • Invalid payload shape: normalize keys and flatten wrappers first.
  • Diagram too noisy: remove low-signal metadata and split into focused views.
  • Diagram too abstract: add 1-2 critical metadata properties on key leaves.
  • Unclear relationships: add concise protocol/action/outcome edge labels.
  • Schema validation dependency error: install jsonschema via python3 -m pip install --user jsonschema.

References

Scripts

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

34.62%
按下载量换算30

Claude

30.85%
按下载量换算27

Cursor

17.32%
按下载量换算15

Gemini CLI

9.32%
按下载量换算8

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills