已有公开依据
- 项目用途：来自项目描述、README 或现有中文解读。
- 榜单记录：来自本站保存的周期快照和历史排名。
- 健康证据：已采集公开提交、Issue、PR 或 Release 样本，当前置信度为 样本有限。
- License：仓库当前声明为 MIT，仍需回到完整协议核验。
- 近期变化：已有可展示的公开事实摘要，原始链接仍是最终核验入口。
- 部署提醒：页面保留 README 和仓库链接，具体依赖、数据边界与运行方式以项目方文档为准。
SET YOUR READING DEPTH
你想先怎么看懂这个项目？
选一个更适合你的阅读深度。只需选一次，之后仍可在页面内随时切换。选择只保存在当前设备，不需要登录，也不会改变页面地址和搜索内容。
@cathrynlavery
diagram-design
cathrynlavery/diagram-design29 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.
STARS6,029
FORKS400
OPEN ISSUES / PRS5
LANGUAGEHTML
CHOOSE YOUR VIEW
你想怎么了解这个项目？
同一份项目事实，两种阅读深度。不会改变页面地址和搜索内容。当前展示快速摘要和完整技术内容，请按需要选择。选择只保存在当前设备。
ADOPTION BRIEF
项目采用前简报
标准证据模板项目采用前评估
已有部分公开证据，但样本或表述仍不足以支撑采用结论。
采用前仍需核验
当前模板未发现明确证据缺口，但仍需在你的实际环境完成安装、依赖、数据和安全验证。
建议的下一步
- 打开 README 和完整 License，确认依赖与使用义务。
- 在隔离的测试环境完成最小可运行验证。
- 根据真实业务数据决定继续评估或暂缓采用。
01
人话与术语分开，事实不变
QUICK UNDERSTANDING
先用几分钟判断它是否值得继续看
先说人话
它能帮你在电脑上快速做出美观的图表，而且图表风格会自动与你的网站配色保持一致。
可以把它理解成一位擅长画图的助手，你说想要什么图，它就能画出样子，还会用你喜欢的颜色。
WHEN TO USE IT
什么时候用得上
- 当你需要给博客文章配一张流程图，又不想自己用画图软件慢慢画时。
- 当你希望所有图表看起来都像同一个品牌设计出来的，而不是乱七八糟的模板风时。
ONE EXAMPLE
举个具体例子
例如，小张运营一个科技博客，他想写一篇文章介绍自家产品的架构。他用这个工具输入需求，一分钟后就得到了一张和网站风格一致的架构图，直接放进了文章里。
WHO IT FITS
如果你是……
- 如果你经常写文章或报告，需要配上好看的图表来帮助读者理解，就能用上它。
- 如果你想让自己网站上的图表看起来更专业、更统一，而不是随手画的草稿。
BEFORE YOU START
开始前先知道
- 开始前，你需要先安装并配置好一个叫 Claude Code 的编程辅助工具，这个工具能理解你的文字指令并帮你生成内容。
- 另外，还要确保你的网站是能被访问的，因为工具会读取网站上的颜色和字体信息来匹配风格；如果不方便读取，可能需要手动提供这些信息。
当前维护状态近期活跃
最近 30 天内有代码推送记录。
License 提醒通常允许商业使用
通常仍需保留版权、许可声明，并遵守协议中的附加义务。
HISTORICAL INTELLIGENCE
历史情报摘要
日榜持续记录
历史最佳#1当前排名#1
与上一期排名持平
- 记录天数
- 2 天
- 记录期 Star
- +57
日榜历史趋势
2026-08-11 至 2026-08-12，掉榜日期保留为空缺。
排名，数字越小越靠前
VERIFIABLE HEALTH SIGNALS
项目健康证据
维护、响应、交付与采用风险分开观察，不生成虚假的单一总分。MAINTENANCE
核对提交维护活性
- 近 90 天 Commit
- 9 按公开记录统计 · 完整窗口
- 活跃贡献者
- 2 按公开记录统计 · 按公开提交账号去重
- 近 12 月活跃月份
- 4/12 有提交的自然月
RESPONSE
核对样本社区响应
- Issue 关闭率
- 0% 按公开记录统计 · 0/1 个同期新 Issue · Issue 原始样本 1 条／有效样本 1 条／排除 0 条
- Issue 关闭中位数
- 暂无闭环样本 按公开记录统计 · 仅统计已关闭样本
- PR 合并率
- 50% 按公开记录统计 · 5/10 个同期新 PR · PR 原始样本 10 条／有效样本 10 条／排除 0 条
- PR 合并中位数
- 0.3 小时 按公开记录统计 · 仅统计已合并样本
DELIVERY
核对发布持续交付
- 近 12 月正式 Release
- 0 按公开记录统计 · 排除草稿与预发布
- 最近正式 Release
- 暂无记录 按公开记录统计 · 以公开发布时间为准
- 发布间隔中位数
- 样本不足 按公开记录统计 · 至少两次正式发布才计算
ADOPTION
查看仓库采用风险
- 仓库状态
- 正常开放 未发现归档标记
- 开源协议
- MIT 仍需核对完整协议与依赖
- Security Policy
- 未发现 仅检查 GitHub 社区资料
90-DAY CHANGE RADAR
最近 90 天发生了什么
依据可复核的项目特定事件生成，不用通用文案补足事实。
近 90 天的可复核变化主要来自已合并 PR
近 90 天记录到 9 次 Commit、10 个新 PR（5 个已合并）和 1 个新 Issue（0 个已关闭）；同期可复核正式 Release 0 个。
按公开提交记录统计，不判断内容或代码质量。
前者为已合并数量，后者为同期新建样本。
前者为已关闭数量，后者为同期新建有效样本。
仅统计窗口内非草稿、非预发布版本。
可复核事件4 条项目特定事实
点击前往 GitHub 原始记录AI-ASSISTED PROJECT BRIEF
项目定位与辅助解读
AI 解读仅作初评参考，技术落地请以 GitHub 源码、README 和完整协议为准。
项目资料AI 整理
这是一个专为 Claude Code 打造的图表设计技能库，提供近 30 种编辑级图表，所有输出均为无需构建的 HTML+SVG，能通过读取网站快速匹配品牌颜色和字体。
该仓库核心是一套面向 Claude Code 的图表生成技能，提供多种类型的图表模板，包括架构图、流程图、时序图、状态机、ER 图等。所有图表输出为自包含的 HTML+SVG，无需构建步骤、JavaScript 或外部图片，可直接在浏览器中打开。项目特色在于能读取目标网站，自动提取配色和字体，使图表与品牌风格统一。仓库采用 MIT 许可证，在 GitHub 上获得逾五千星标，但 README 中提到的图表数量与仓库描述不一致。
核心亮点
项目最值得关注的能力
- 提供多种编辑级图表类型，强调简洁和去除冗余元素。
- 输出自包含的 HTML+SVG，无外部依赖，可直接在浏览器打开。
- 可通过读取网站自动匹配品牌配色与字体。
适用场景
它可以解决哪些实际问题
- 在 Claude Code 中快速生成与网站风格统一的架构图或流程图。
- 为文章、演示或报告创建无阴影、非模板化的专业图表。
- 为内容站点制作系统架构、决策流程等视觉示意。
技术观察
从公开资料提炼的实现特征
- 所有图表以 HTML+SVG 形式输出，不依赖 JavaScript 和外部图片。
- 每种图表提供最小浅色、最小深色和全编辑风格三种变体。
- 通过读取目标网站提取颜色和字体，并映射到图表样式。
优势判断
相对明确的项目价值
- 输出编辑级图表，避免常见的 AI 生成通用圆角框样式。
- 自包含文件易于嵌入和分享，无需额外工具链。
局限与注意
评估和采用前需要留意
- 依赖 Claude Code 环境，不是独立的库或命令行工具。
- README 中图表数量与仓库描述不一致，文档准确性有待确认。
适用人群
哪些开发者和团队值得关注
- 使用 Claude Code 并需要生成图表的设计师或开发者。
- 希望为内容快速创建品牌一致视觉元素的内容创作者。
从公开资料看，该项目针对 AI 生成图表样式平庸的痛点，提供了高质量、自包含的解决方案，品牌匹配功能颇具实用性。但它高度依赖 Claude Code，并非通用工具；且 README 中图表数量与描述不一致，可能影响文档准确性。建议在采用前自行验证其实际效果、安全性和兼容性。由 AI 基于 GitHub 公开资料辅助生成，不构成安全审计、生产选型或专业建议。
依据与内容边界
区分可验证事实、项目方自述与 AI 推断
GitHub 可验证事实
Star、Fork、License、更新时间及健康证据样本来自 GitHub 公开接口。
项目方自述
功能与使用方式主要来自仓库描述和 README，未经本站独立验证。
AI 推断
适用场景、优势与局限属于辅助解读，应结合原始文档独立判断。
- GitHub事实：仓库描述称提供 29 种图表类型，README 中则写作 27 种。
- 项目方自述：该项目为 Claude Code skill，可读取网站并映射颜色和字体到图表。
生成于 2026-08-11 23:25
规则版本 2026-08-v5-plain-language
内容有误或您是项目作者？提交纠错
DISCOVER MORE
