图表工坊

别再说“画个图”,29种图表任你挑,连泳道、桑基都懂。自动排版配色,一张PNG直出,还能转Mermaid嵌入文档。

更新于 2026-05-14 · 来源 https://github.com/312362115/claude/tree/HEAD/skills/diagram · 英文版

Q:这个 skill 做什么?

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

Q:为什么值得装?

同类只会画柱状图,它用ELKjs算布局,HTML/SVG统一规范,连类图都排得整整齐齐。

Q:怎么装?

git clone --depth 1 https://github.com/312362115/claude.git 然后把智能体指向这个 skill 目录即可。

Q:它从哪来?

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

creativeskill312362115

代码导读  ·  文档拼装师