designer-skills：241 个设计 skill 与 91 条命令的 agent 设计全套

让编码 agent "设计一个设置页"，你得到的是一个看着像那么回事的猜测：设计知识是写给人看的，agent 只会照字面读，在含义留白处自行脑补。Owl-Listener/designer-skills 反其道行之——把判断显式写下来：33 个插件、五大合集中的 241 个 skill 和 91 条命令，支持 Claude Code 和 Gemini CLI。

为什么这个 Skill 重要

这个门面仓库承载的是 design-practice 合集：9 个插件、107 个 skill、32 条命令。插件清单读起来就像一家设计公司的组织架构——design-research（12 个 skill）、design-systems（11）、ux-strategy（12）、ui-design（19）、interaction-design（22）、prototyping-testing（8）、design-ops（9）、designer-toolkit（7）、visual-critique（7）。

它的架构是名词与动词之分。skill 是领域知识单元——怎么写不带引导性的访谈问题、怎么定义设计 token。command 是把 skill 串起来的工作流：/design-research:discover 一口气跑完用户画像、共情地图和旅程地图；/visual-critique:critique-screen 对截图跑全部七项视觉评审并输出按优先级排序的修复清单。你主要打交道的是命令；skill 在下面托底。

四个姐妹合集把范围扩展到手艺之外：AI 产品设计（设计 agent 体验）、UX 项目管理、设计领导力、包容性设计——各自独立成库。

安装

Claude Code 里三步，不需要终端操作：

/plugin marketplace add Owl-Listener/designer-skills

然后运行 /plugin，打开 Discover 标签页，勾选想要的合集。每个合集都可以单独安装，每个插件同时也是 Gemini CLI 扩展——README 文档化了把 .gemini/extensions/ 拷进项目的方法。

实战：抢救一个已有界面

对已经存在的产品，README 说从评审开始，而不是新需求：

/visual-critique:critique-screen

丢进去一张截图，你会得到覆盖层级、品牌一致性、构图和排版的按优先级排序的修复清单——先证明什么真的坏了，再谈新增。之后 /prototyping-testing:evaluate 跑更完整的启发式评估，修复方案敲定后 /design-ops:handoff 产出面向开发者的交付包。

绿地项目则顺着序列的纹理走——研究、策略、UI 与交互、系统、运营——从 /design-research:discover 起步，哪怕你自以为已经了解用户。

技巧

• 四插件起步组合——design-research、ux-strategy、ui-design、design-ops——覆盖完整设计周期；流程里真的有状态时再加 interaction-design。
• 拿不准哪个 skill 合适？INDEX.md 按情境给全部 skill 编了索引，连最容易混淆的成对 skill 都标了出来。
• README 说插件是轻量的，多装不会拖慢 agent。
• 项目中期如果哪一步特别费劲，README 给的诊断是：序列里更早的某一步多半被跳过了。

何时不用这个 Skill

这些 skill 编码的是通用设计实践；它们不认识你的品牌、你的研究仓库、你的设计系统历史，评审产出是起点清单而非终审判决。如果你当下要的是提取某个已有站点的视觉系统而不是做设计，design-md-chrome 这类提取器更对路——这个技能包面向的是从研究到交付的完整弧线。

查看 排行榜 了解更多 skill。