精选的跨 Agent、大厂验证且以“设计决策推演（Why）、防功能堆砌（Anti-Slop）、高信息密度”为核心的开源 Agent Skill、Plugin & Rule 资源清单。

一、 宏观架构与交互逻辑 (UX Strategy)

  • vercel/ai (product-design) — Vercel 官方出品的产品设计 Agent 逻辑。专注于“渐进式呈现（Progressive Disclosure）”，强制锁定单一 Primary Job，并要求把低频功能强行收纳至离屏 Drawer/Modal。
  • owl-listener/designer-skills — 包含 33 个 UX 推演子模块的 Skill 工具包。内置 write-rationale 指令，强行要求 Agent 在动笔前逐条输出“为什么这样布局”的产品逻辑。

二、 设计系统与决策持久化 (Design System)

  • nextlevelbuilder/ui-ux-pro-max-skill — 场景匹配与状态继承引擎。根据产品类型（SaaS/工具/电商）自动推导最佳信息密度，并在根目录生成/维护持久化的 MASTER.md，防止 Agent 在多轮对话中越写越乱。

三、 视觉审美与反同质化 (Anti-Slop & Aesthetics)

  • anthropic-cookbook/skills (frontend-design) — Anthropic 官方前端设计规范。引入微交互预算（Motion Budget），硬性禁止 AI 常见的紫蓝渐变、无脑圆角卡片和大面积无意义留白。
  • MengTo/Skills — 由 Design+Code 创始人开源的审美与负向约束 Skill。建立“目标 ➔ 布局 ➔ 字阶 ➔ 色彩 ➔ 约束”推演链，内置负向提示词（Negative Prompts）硬性拦截功能平铺。

四、 工业规范与 QA 审查 (Standards & Accessibility)

  • plugin87/ux-ui-agent-skills — 工业级 UX 决策与 QA 打分引擎。内置尼尔森 10 大启发式评估与 WCAG 2.2 AA 无障碍标准，提供 /design-qa 命令强制推演点击热区与对比度。

五、 代码自检与功能剔除 (Audit & Pruning)

  • jakubkrehel/skills — 资深设计工程师开源的界面审计 Skill。提供 @interface-review 指令，在生成代码后触发第二轮 Pass，自动识别并删减多余控件与无效卡片。

💡 使用建议

推荐分类组合工作流：构建完整的“决策-生成-自检”流水线

将上述开源 Skill 组合使用，以覆盖 UI 生成的全生命周期：

[前置逻辑推演] ➔ [设计系统继承] ➔ [代码执行生成] ➔ [后置审查剔除]
    (策略层)          (持久层)          (呈现层)          (审计层)
  1. 前置逻辑推演 (UX Strategy)：引入 vercel/ai (product-design) 或 owl-listener/designer-skills，要求 Agent 输出设计决策推演，收纳次要功能。
  2. 设计系统继承 (Design System)：运行 nextlevelbuilder/ui-ux-pro-max-skill 生成并维护项目根目录的 MASTER.md，锁定跨页面设计的全局基线。
  3. 代码执行生成 (Anti-Slop)：开启 anthropic-cookbook/skills 或 MengTo/Skills，限制组件生成样式，防范“AI 夹生饭”审美。
  4. 后置审查剔除 (Audit)：在代码生成完毕后触发 jakubkrehel/skills 中的 @interface-review，强行自动剔除冗余和堆砌的控件。