设计与前端 gemini-clidesign-researchdesign-systemsui-designux-strategyprototypingdesign-ops

设计师技能包

为AI代理编写的设计技能、命令和插件合集,覆盖研究、系统、UI、交互到交付的全流程。

FollowAgents 评估 · FARS-2.1
不推荐
38/ 100 五分制 1.9 / 5
1 2 3 4 5 6
1信任安全0 / 29 · 0.0/5

证据显示仓库未包含任何权限声明、用户确认机制、数据流说明或敏感数据处理策略。所有信任相关标准均缺失,得分为0。

2可靠稳定5 / 14 · 1.8/5

自洽性:README中声称241个技能和91个命令,但设计实践部分列出107个技能和32个命令,且插件表与命令表一致,但总数与README不一致,存在轻微矛盾。依赖可用性:仅提及Claude Code和Gemini CLI,未提供版本要求或依赖清单,证据不足。失败消息:未提供任何错误处理或失败消息的文档。

3适用触发12 / 18 · 3.3/5

受众与场景:README提供了多种使用场景和入门路径,覆盖不同用户需求。能力边界:通过插件和命令列表明确了能力范围。触发精度:命令命名清晰,但未提供触发条件或前置条件。环境适配:明确支持Claude Code和Gemini CLI,但未说明其他环境。

4规范维护9 / 18 · 2.5/5

信息架构:有清晰的目录和索引,但未提供文件结构。安装说明:提供了详细的安装步骤,但未提及系统要求。命名稳定性:命令和插件命名一致,但未提供版本历史。示例与FAQ:提供了使用示例,但未提供FAQ。已知限制:未明确列出。许可证:MIT许可证明确。版本与变更日志:有release工作流,但未提供变更日志内容。维护责任:未明确维护者或更新策略。

5有效结果9 / 13 · 3.5/5

输出可用性:命令描述明确输出内容,但未提供输出示例。边际价值:提供了大量技能和命令,但未与其他工具对比。成本效益:安装简单,但未提供性能或资源消耗信息。

6证据核验3 / 8 · 1.9/5

声明可追溯性:README中的声明未提供具体证据或来源。跨来源佐证:未提供其他来源验证。事实与推断分离:未明确区分事实和推断。

证据充分度: 评估于 2026年8月9日 审查版本 20e34c4a587e
源码中未见的安全控制:最小权限约束、执行前用户确认、数据流向说明、敏感信息处理、依赖安全审查、外部影响披露、回滚或恢复路径、来源归属可核验
使用前请注意
  • 仓库未提供任何权限或安全相关文档,使用前需自行评估风险。
  • README中的技能和命令数量与具体列表不一致,可能影响用户预期。
  • 未提供依赖版本要求,可能在不同环境中出现兼容性问题。
评估证据 [1][2][3][4]
查看完整评分方法 →

这个 Agent 能做什么,适合哪些场景?

Designer Skills 是面向 AI 编码助手的技能、命令和插件集合,共包含 239 个技能和 88 个命令,分布在 33 个插件中,覆盖设计实践、AI 产品设计、UX 项目管理、设计领导和包容性设计五个集合。本仓库是设计实践集合的入口,包含 97 个技能和 30 个命令,跨 9 个插件,涵盖设计研究、设计系统、UX 策略、UI 设计、交互设计、原型测试、设计运营、设计师工具包和视觉评论。每个技能是领域知识单元,命令则是将多个技能串联成完整工作流的操作。插件通过 Claude Code 的 /plugin 命令安装,也支持 Gemini CLI 扩展。该套件的设计目标是让 AI 代理能够正确应用设计判断,而不是猜测。

该仓库提供了一系列可安装到 Claude Code 中的插件,每个插件包含特定设计领域的技能和命令。例如,/design-research:discover 运行完整的用户研究发现周期,/visual-critique:critique-screen 对屏幕进行七种视觉评论并输出优先修复列表。命令如 /design-systems:create-component 可搭建组件规范,/design-ops:handoff 生成开发者交接包。安装后,用户通过键入命令触发这些工作流,代理会基于技能知识执行相应步骤,生成设计交付物,如用户画像、设计令牌或测试计划。

  1. 设计师从零开始新产品,使用 /design-research:discover 进行用户研究以验证假设。
  2. 产品经理在现有产品上进行视觉审查,使用 /visual-critique:critique-screen 获取优先修复列表。
  3. 前端开发者需要为组件创建完整规范,使用 /design-systems:create-component 生成详细说明。
  4. 设计运营负责人需要规划设计冲刺,使用 /design-ops:plan-sprint 安排流程。
  5. AI 产品设计师设计 AI 体验时,可结合本集合与 ai-design-skills 集合使用。
  6. 自由职业者需要快速生成配色方案,使用 /ui-design:color-palette 并包含无障碍检查。

这个 Agent 有哪些优点和局限?

优点
  • 覆盖设计全流程,从研究到交付,共 97 个技能和 30 个命令,深度全面。
  • 技能和命令设计为可组合,命令串联技能,提供高效的工作流。
  • 针对 Claude Code 和 Gemini CLI 双平台,安装简单。
  • 包含可执行的命令如 /visual-critique:critique-screen,可直接输出优先修复列表。
局限
  • 主要针对 Claude Code 设计,对 Gemini CLI 的支持需要手动复制扩展,且可能不完整。
  • 依赖 Anthropic 的 Claude Code 环境,其他 AI 编码助手可能无法使用。
  • 安装过程需要终端操作,对非技术用户可能有一定门槛。
  • 技能知识本身没有版本控制,更新可能影响工作流的稳定性。

如何安装或部署这个 Agent?

  1. 下载并安装 Claude Code(Anthropic 的免费应用)。
  2. 在 Claude Code 中输入:/plugin marketplace add Owl-Listener/designer-skills
  3. 输入 /plugin 打开发现页,选择要安装的集合或插件。

对于 Gemini CLI,克隆仓库并复制扩展文件夹:

git clone https://github.com/Owl-Listener/designer-skills /tmp/designer-skills
mkdir -p .gemini/extensions
cp -r /tmp/designer-skills/.gemini/extensions/. .gemini/extensions/

如何使用这个 Agent?

安装后,直接输入命令即可使用,例如 /design-research:discover。对于新产品,建议按顺序使用:/ux-strategy:frame-problem 定义问题,/ui-design:design-screen 设计界面,/interaction-design:design-interaction 处理交互,/design-systems:create-component 系统化组件。对于现有产品,先运行 /visual-critique:critique-screen 进行视觉审查,然后根据需要运行 /prototyping-testing:evaluate/design-ops:handoff。推荐安装四个插件:design-research、ux-strategy、ui-design、design-ops。

常见问题

安装需要付费吗?
Claude Code 是 Anthropic 的免费应用,但使用可能涉及 API 费用,具体取决于你的使用情况。插件本身是 MIT 许可,免费。
技能可以跨平台使用吗?
目前主要针对 Claude Code,Gemini CLI 支持需要手动复制扩展,可能不完整。其他平台如 ChatGPT 暂无支持。
命令执行失败怎么办?
如果命令输出不符合预期或执行失败,可以在仓库的 GitHub Issues 中反馈,作者会收集信号进行改进。
如何只安装一部分技能?
在 /plugin 发现页中可以逐个选择插件,按空格勾选,支持只安装你需要的集合或插件。

对比同类 Agent

用同一套 FARS 评审,横向比较这个 Agent 所属的短名单。

相关 Agents