Claude Code /design首批用户踩坑总结：参数调不对，出来的全是模板味
16:23
精选参考来源
1. 的微博
新浪微博 2026-08-18 00:00:00
2. 设计圈的 Claude Code 时刻来了
腾讯网 2026-04-18 00:00:00
3. 76.4K+ Star！Claude Code 接入这个技能，前端生成质感直接拉满
今日头条 2026-08-15 00:00:00
4. Claude Code画图神器，告别丑图 每次让 AI 画架构图，出来的都是圆角矩形加灰底那种东西。放进文档里，跟正文完全不搭。 要么开 Figma 磨半小时，要么干脆不放图了。 前几天刷 GitHub trending 看到 diagram-design，作者一句话戳中我：你的设计师不会嫌弃的图。 它不是网站，是个 Claude Code 的 skill。装完直接说人话，它给你出图。 27 种图。架构图、流程图、时序图、状态机、ER 图、泳道图、四象限、金字塔、雷达图、甘特图…每种还带浅色、深色、完整编辑版三个变体。输出是自包含的 HTML+SVG，浏览器直接打开就能看，没有构建步骤。 最戳我的是它会去读你的网站 🎨 你甩它一个网址，它抓首页扒出主色和字体，之后所有图自动套你的品牌色。还会自动跑 WCAG 对比度检查，颜色在小字号下看不清它会拦下来给你个调整值。 已经攒了一堆 Mermaid 和 draw.io 丑图的，不用重画，让它重绘就行。四个旋钮里 audience 那个最妙，改的是措辞不是节点数量——同一个文件，给工程师看是 Auth Service / JWT · RS256，给老板看直接变成 Sign-in。 命令我都放图里了，照着敲就行。 你们现在画架构图用啥？我之前一直拿 Mermaid 凑合，丑是丑，胜在快 #AI工具 #效率工具 #ClaudeCode #GitHub开源 #程序员日常
今日头条 2026-08-14 00:00:00
5. 一周涨星近万，Claude Code 设计类 Skill 为什么火了？附安装和使用教程
CSDN博客 2026-04-25 00:00:00
6. 告别「聊天式编程」：Claude Code 的实战配置，把 Agent 变成你的工程流水线
微信公众号 2026-08-12 00:00:00
7. IT之家的微博
新浪微博 2026-08-19 00:00:00
8. AIGC·非著名程序员的微博
新浪微博 2026-08-18 00:00:00
9. Claude Code for Designers
Into Design Systems 2026-06-10 00:00:00
10. GitHub官方开源：Anthropic这个插件目录让Claude Code直接封神！
微信公众号 2026-08-14 00:00:00
11. Claude Code v2.1.229 刚刚更新:Plugin命令源、崩溃收口、Self-host校验
今日头条 2026-08-13 00:00:00
12. 七大 AI 编程工具实测：谁生成的数据分析报告最靠谱？（这个测试报告是wordbuddy+deepseek-v4-pro 自动生成的）
知乎 2026-08-12 00:00:00
13. 【教程】如何节省Claude Code中大模型api-key的token消耗 - 哔哩哔哩
哔哩哔哩 2026-08-12 00:00:00
14. 告别AI丑图！GitHub 8.5k星爆款技能：让Claude 60秒出杂志级架构图
今日头条 2026-08-12 00:00:00
15. 的微博
新浪微博 2026-08-18 00:00:00
16. 设计圈的 Claude Code 时刻来了
腾讯网 2026-04-18 00:00:00
17. 一周涨星近万，Claude Code 设计类 Skill 为什么火了？附安装和使用教程
CSDN博客 2026-04-25 00:00:00
18. 为什么AI编程都推荐使用Claude Code：一位开发者的深度使用心得
腾讯云 2026-07-23 00:00:00
19. Claude Code画图神器，告别丑图 每次让 AI 画架构图，出来的都是圆角矩形加灰底那种东西。放进文档里，跟正文完全不搭。 要么开 Figma 磨半小时，要么干脆不放图了。 前几天刷 GitHub trending 看到 diagram-design，作者一句话戳中我：你的设计师不会嫌弃的图。 它不是网站，是个 Claude Code 的 skill。装完直接说人话，它给你出图。 27 种图。架构图、流程图、时序图、状态机、ER 图、泳道图、四象限、金字塔、雷达图、甘特图…每种还带浅色、深色、完整编辑版三个变体。输出是自包含的 HTML+SVG，浏览器直接打开就能看，没有构建步骤。 最戳我的是它会去读你的网站 🎨 你甩它一个网址，它抓首页扒出主色和字体，之后所有图自动套你的品牌色。还会自动跑 WCAG 对比度检查，颜色在小字号下看不清它会拦下来给你个调整值。 已经攒了一堆 Mermaid 和 draw.io 丑图的，不用重画，让它重绘就行。四个旋钮里 audience 那个最妙，改的是措辞不是节点数量——同一个文件，给工程师看是 Auth Service / JWT · RS256，给老板看直接变成 Sign-in。 命令我都放图里了，照着敲就行。 你们现在画架构图用啥？我之前一直拿 Mermaid 凑合，丑是丑，胜在快 #AI工具 #效率工具 #ClaudeCode #GitHub开源 #程序员日常
今日头条 2026-08-14 00:00:00
20. AI画架构图终于不丑了 最近 GitHub 上一个叫 Diagram Design 的项目火了，Star 已经突破 1 万。 它不是一个新的画图软件，而是一个给 Claude Code、Codex、Pi 用的 Agent Skill。 一句话概括： 让 AI 生成的技术图，不再是一堆丑丑的圆角矩形。 它可以直接根据你的描述生成自包含的 HTML + SVG 图表，覆盖： 架构图、流程图、时序图、状态机、ER 图、泳道图、时间线、树状图、金字塔、雷达图、甘特图、数据流图…… 基本开发文档和技术文章常见的图都包含了。 我觉得它比较有意思的是三个地方。 1. AI 自动选图 你不一定需要告诉它“给我画一个 Sequence Diagram”。 直接说： “画一下用户请求 API，Token 过期后刷新再重试的过程。” Agent 会自己判断应该用什么图来表达。 2. 能读取网站视觉风格 你可以让它读取自己的网站，提取背景色、文字颜色、品牌色、字体等，然后写进 Style Guide。 以后生成的图，就会自动沿用你的视觉风格。 对于写技术博客、产品文档的人很实用。 3. 还能重绘 Mermaid 和 draw.io 如果你已经有 Mermaid 或 draw.io 图，也可以直接丢给它重新设计。 内容基本不动，但是重新做布局、配色和视觉层级。 也就是说： Mermaid 负责表达结构，Diagram Design 负责把它变好看。 而且生成结果是 HTML + SVG，不需要 Figma，也没有复杂的构建过程。 这类项目其实挺能说明 Agent Skill 的价值： 以前我们教 AI “怎么调用工具”。 现在开始有人把设计经验、审美规则、工作流程本身打包成 Skill 交给 AI。 以后 AI Coding Agent 可能不只是帮你写代码。 架构图、技术文档、测试、部署、设计规范……都可以逐渐 Skill 化。 项目：cathrynlavery/diagram-design #AI #ClaudeCode #Codex #程序员 #开源项目 #GitHub #AI工具 #架构设计
今日头条 2026-08-14 00:00:00
21. 体验Claude Code之后，总结了程序员使用AI编程工具前必须知道的几件事
知乎 2026-08-12 00:00:00
已收藏
去我的收藏夹