设计别再瞎抄了!这套六厂牌合一的 Skill,把 Apple/Google/IBM 的方法论直接塞进 Claude
有没有和我一样,做设计时永远在「参考这一家、抄一下那一家、最后拼出来四不像」的朋友?最近翻到一个很对我胃口的 Skill——graphics-design,直接把你塞进 Apple、谷歌、IBM、Airbnb、微软、Netflix 六家设计系统的语境里干活,相当于随身带了一个跨厂牌的资深设计顾问团。
这玩意儿能干啥
它不是给你一个素材库或者一个 prompt 模板,而是一整套设计方法论合集。SKILL.md 把核心目的写得很直白:「Design is not just what it looks like and feels like. Design is how it works.」——Steve Jobs 这句开场白定调。配套的 references/ 文件夹里塞了 7 份专题文档:design-systems、design-principles、design-tokens、typography、color-theory、visual-hierarchy、accessibility、motion-design、cross-platform、swiss-design、tools-and-checklists,从令牌体系到动效原则全包。
跟普通 AI 出图差在哪
普通 AI 给你一张「好看」的图,但不知道为什么要这么排。graphics-design 走的是反过来的路子:先告诉你六大厂牌各自的视觉规则(Apple 的 Clarity / Deference / Depth、Microsoft Fluent 的五大支柱、Airbnb 的 Living Organism 令牌模型),再让你基于这套规则去出图。你出图的时候它会强制你回答几个问题——这是受控设计,不是灵感赌博。
怎么接进 Claude
两种姿势:
- 整包接管:在你的项目根目录执行
git submodule add https://github.com/Neirth/AgentRules.git .claude,整个规则库立刻可用; - 只挑设计那块:把
rules/graphics-design/graphics-design.md和skills/graphics-design/拷进你自己的.claude/目录,轻装上阵。
我自己的用法是第二种,只装 graphics-design 子树,不污染别的工程上下文。配合 Claude Code 用起来体感很顺——它会主动问你「这次是 promotional 还是 emotional」「主色 + 副色 + 强调色各是什么」,逼你把含糊的「高级感」拆成可执行的 tokens。
它最香的两个点
第一,跨厂牌对齐。同一份提案里既给老板看(信任感),又给设计师看(专业度),还要给开发看(可落地)——graphics-design 直接给你三套语言,翻译零损耗。
第二,参考资料是结构化的,不是经验主义的。每个 decision 都能追溯到 Apple HIG / Material 3 / Carbon / Fluent 的具体段落,甲方质疑时直接甩官方文档链接,比「我觉得」硬气 100 倍。
做品牌、做 UI、做 design system、做可访问性审计,统统能套。MIT 协议、商业友好。3.3 KB 的 SKILL.md + 12 份 references,从今天起就是我的随身设计圣经了。
评论区
登录后可评论。