diagram-design - 给 AI Agent 使用的出版级图表设计 Skill（127期 · 58,965 星）
《Github一周热点》第 127 期项目：diagram-design - 给 AI Agent 使用的出版级图表设计 Skill。Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
「Github一周热点127期」DeepSeek Harness、AI画图Skill、自进化编程Agent、团队工作台和可审计语义图谱
diagram-design - 给 AI Agent 使用的出版级图表设计 Skill
📺 出处：本文属「GitHub 一周热点」专栏第 127 期，UP 主：IT咖啡馆。
本期原视频已内嵌在正文上方，点击即可对照观看。
一句话是什么
diagram-design - 给 AI Agent 使用的出版级图表设计 Skill —— Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
为什么火
| 指标 | 实测值 |
|---|---|
| ⭐ GitHub 星标 | 58,965（数据日期 2026-10-21，GitHub 官方 API 拉取） |
| 🧩 主语言 | HTML |
| 📜 开源协议 | MIT |
| 📦 仓库 | cathrynlavery/diagram-design |
5.9 万 星意味着它在同类项目里已经跑出了规模与关注度。开源协议 MIT，可自由商用与二次开发。
视频里怎么讲的（第 127 期）
第 127 期把它作为重点项目介绍。原视频：IT咖啡馆《Github一周热点127期》，BV 号 BV1xHgg6NEJA，正上方播放器可直接看。
怎么上手
# 克隆仓库
git clone https://github.com/cathrynlavery/diagram-design.git
cd diagram-design
# 看看它是什么
cat README.md按仓库 README 的说明装依赖、跑起来即可。主语言是 HTML，有成熟的包管理器生态，npm / pip / uv 任选其一即可。
适合谁 / 不适合谁
适合：正在找 diagram-design - 给 AI Agent 使用的出版级图表设计 Skill 这类方案、且希望用开源版本自己掌控数据与部署的人；喜欢先读 README 判断能不能吃下的工程师。
不适合：需要开箱即用、零配置直接上生产的环境；不打算读文档、只想一键生成结果的用户。
项目地址 + 原视频链接
- 项目地址：https://github.com/cathrynlavery/diagram-design
- 原视频（第 127 期）：https://www.bilibili.com/video/BV1xHgg6NEJA
本篇为「GitHub 一周热点」专栏第 127 期的项目卡片。专栏索引：GitHub 一周热点 · 逐期盘点