设计师用Claude Code搭出专属品牌工作流，GitHub星标破13.6万

X用户@thegreatest_sv发文称，自己无法理解为什么设计师还没有用上这套配置。核心工具Graphify是一款Claude Code技能，能将任意文件夹转换为知识图谱，目前在GitHub上的星标数已经超过13.6万。

这套工作流的核心逻辑是：给Claude一个文件夹，接入6个代码仓库，它就不会再生成千篇一律的紫色渐变AI网站。无论你是设计师、创始人还是独立开发者，它都能学习你的品牌风格，在你查看之前完成构建、截图和修正。

具体的搭建步骤如下：
1. 新建名为DESIGN的文件夹，在其中打开Claude Code，放入品牌PDF、logo、截图和你喜欢的网站参考。执行uv tool install graphifyy，再运行graphify install，最后输入/graphify .，所有资料会整合为一张知识图谱，Claude就能准确理解你的品牌风格，而不是靠猜测。
2. 执行claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill，再运行claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill，内置192套配色方案和74组字体搭配，避免银行类网站看起来像加密货币赌场。
3. 执行npx impeccable install，再运行/impeccable init，内置62条规则，能在AI风格的设计刚生成时就识别出来。
4. 执行claude mcp add figma -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio，粘贴Figma链接就能生成完全一致的布局。
5. 执行npx shadcn@latest add @react-bits/SplitText-TS-TW，接入215个以上免费动效组件，让页面真正具备动态效果。
6. 执行claude mcp add playwright npx @playwright/mcp@latest，它会在真实浏览器中打开页面，自行检查生成效果。
最后输入/schedule "every Friday, run /impeccable audit and send me a fix list"，就能让这套流程每周自动运行。

整套配置只需要15分钟，完成后就不会再生成通用的AI风格网站。作者建议收藏这套步骤，尽快测试。