Graphify 开源:让 Claude 先学品牌再做设计
GitHub 超过 13.6 万星!这个 Claude Code 技能,设计师真该看看。
Graphify 能把任意文件夹直接变成知识图谱 给 Claude 一个文件夹,再接上 6 个仓库,它就不会再做出那种千篇一律的紫色渐变 AI 网站了。设计师、创业者、独立开发者都一样:它会先学你的品牌,自己搭建、截图、改好,再交给你看。
整套配置长这样:
> 建一个叫 DESIGN 的文件夹,在里面打开 Claude Code,把品牌 PDF、logo、截图、你喜欢的网站都丢进去
> 先 uv tool install graphifyy,再 graphify install,然后 /graphify .,这一堆东西就变成一张图谱。Claude 是懂你品牌的,不是靠猜
> claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill,再 claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill,192 套配色、74 组字体搭配,银行网站就不会再做成一加密赌场的样子
> npx impeccable install,再 /impeccable init,62 条规则,AI 味设计一写出来就被逮住
> claude mcp add figma -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio,贴一个 Figma 链接,就还原出那个版式
> npx shadcn@latest add @react-bits/SplitText-TS-TW,215 个以上免费动效组件,页面真的动起来了
> claude mcp add playwright npx @playwright/mcp@latest,它在真浏览器里打开页面,自己检查自己的活儿
> /schedule “每周五跑一次 /impeccable audit,把修改清单发我”,现在它按计划自动跑
配置 15 分钟,之后你再也不会交出一个通用的 AI 网站