⏳ This skill is pending AI review.

Scores will appear once the review pipeline completes.

v0.1.0

diagram-design-zh

@patrick-xin⭐ 8 stars

生成标准中文图表:架构图、流程图、示意图、拓扑图等,输出 standalone HTML/SVG,内置中文字体栈与 CJK 排版规则(字号下限、字距、中英混排),零指令产出可直接放进文档、周报、公众号的图。支持把 Mermaid 源(.mmd/.mermaid/Markdown 代码块)重绘为中文标准图表;支持排队瓶颈、策略评估、安全铺路等语义模式与可选无障碍分步动效;内置 IT/云/K8s 单色图标库,支持终端外壳与深色档变体。当用户要求画架构图/流程图/看板/鱼骨图/根因分析/数据库/schema/依赖图/部署图/用户旅程/故事地图/桑基图/极坐标图/热力图/UML 类图/Wardley 地图/瀑布图/哑铃图/思维导图/脑图/示意图/拓扑图/图表/diagram 且期望好看,要求转换/重绘 Mermaid 图,或要求加动效/分步动画、配图标、终端风格、深色/暗色模式时使用。Chinese diagram skill with built-in CJK typography for agent-authored standalone HTML/SVG.

Choose how to use this skill

You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.

1. Native installer

This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.

Do not guess an installer command or replace an existing version without reviewing the diff.

2. Complete package recommended

Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.

No complete ProSkills package is published for this listing yet.

3. Prompt-only

Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.

Need only the instruction file?

Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.

No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.

—/10

// RATINGS

⭐GitHub Stars
⭐ 8 on GitHubGitHub ↗

New / niche

🟢ProSkills Score
—
📍

Not yet listed on ClawHub or SkillsMP

// README

diagram-design-zh

License: MIT Format: Agent Skills types output: single-file HTML GitHub stars

本项目是从 diagram-design fork 来的(感谢原作者 Cathryn Lavery ),按中文排版重做了整套规则。想画英文图表,直接用原项目就行。

为 coding agent 提供一套生成中文图表的规则与资源。你描述图表要表达的内容,技能会选择合适的类型,按中文排版规范生成可直接使用的成品。

默认使用白底和通用样式,输出独立 HTML;需要时也可导出 SVG 或 PNG。图表不依赖远程字体,适合保存、转发和离线打开。

能做什么

  • 45 种图表类型:覆盖系统结构、流程、计划、数据比较和数据平台等任务。
  • 中文排版:内置中文字体栈、字号下限、中英混排和标点规则;生成时会把实际用到的字体子集内嵌进文件。
  • 统一样式:按共享的颜色、几何、图例和可访问性规范生成图表;支持可选皮肤和品牌档案。
  • 从已有图重绘:读取 Mermaid 或 draw.io 的结构,再按本项目规则重排;不会把源图直接换皮当作成品。
  • 按需增强:可选图标、深色样式、终端外壳、分步动效、旁注和手绘效果,默认不启用。

画廊

45 种类型各一张成品示例,点图进入在线画廊的对应位置——那里可以切换浅色 / 深色 / 讲解三档、按名称搜索,另有变体与动效示例。此处为浅色标准档静态导出。

// HOW IT'S BUILT

KEY FILES

skills/diagram-design-zh/SKILL.mdREADME.md

// REPO STATS

8 stars