diagram

Stop saying "make a chart"—29 types, from swimlane to sankey. Auto-styled PNG, plus Mermaid DSL for docs.

Updated 2026-05-14 · Source https://github.com/312362115/claude/tree/HEAD/skills/diagram · 中文版

What does this skill do?

专业图表生成技能:根据需求自动选择合适的图表类型,生成符合设计规范的 PNG 图表。 覆盖 29 种图表:结构图(流程图、泳道图、时序图、架构图、状态图、ER图、类图、思维导图、甘特图、Kanban、Git Graph 等) 和统计图(柱状图、折线图、饼图、雷达图、热力图、散点图、桑基图、漏斗图、瀑布图、矩形树图、柱线混合图等)。 统一工具:HTML/SVG + 内联 JS 布局计算。ER/类图使用 ELKjs 布局引擎。 所有图表遵循统一的设计规范(配色/字体/组件/间距),风格现代简洁。 支持三种输出:PNG(默认)、HTML(富文档嵌入)、DSL(Mermaid 文本,嵌入 MD 文档)。 触发词:画图、画一个、生成图表、流程图、架构图、时序图、柱状图、对比图、关系图。 即使用户没有说"画图",只要需求中涉及可视化展示(流程、架构、数据对比、关系),都应触发此技能。 被 deep-r

Why is it worth installing?

Others just do bars; it computes layouts via ELKjs, so even class diagrams come out clean and consistent.

How do you install it?

git clone --depth 1 https://github.com/312362115/claude.git Then point your agent at the skill directory.

Where does it come from?

Repository: 312362115/claude 109 stars on GitHub at the time of listing. The repository ships 1 skills in total.

creativeskill312362115

code-walkthrough  ·  writing