AI 产品

Claude Code 推出图表设计技能，通过严格设计约束解决AI绘图“一眼假”问题

由开发者Cathryn Lavery创建的Claude Code技能“diagram-design”旨在解决AI生成图表缺乏专业感的问题。该技能支持27种图表类型（如架构图、流程图等），均输出为可在浏览器中直接查看的HTML+SVG格式。其核心优势在于强制执行一套严格的设计规范，包括所有坐标间距需为4的倍数、限制强调色数量、使用1px细边框、禁用阴影、规定圆角尺寸，以及为标题、标签、技术注释分配不同字体。该技能还具备品牌适配功能，可根据提供的网站URL自动匹配配色与字体，并检查WCAG AA对比度标准进行调整。作者强调设计哲学为“最高质量的操作通常是删除”。该工具发布后获得了显著关注，在GitHub上获得3.3k星。

多来源证据

事件时间线

1. 8月17日 08:52
   Twitter/X AI List
   Cathryn Lavery 做了个 Claude Code skill 叫 diagram-design 专治一个病：AI 画的图一眼就能看出是 AI 画的 27 种图表类型，全部自带 HTML + SVG，浏览器直接打开 架构图、流程图、时序图、甘特图、雷达图、泳道图全覆盖 最狠的设计约束： - 所有坐标和间距