Owl-Listener/designer-skills

Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.

Owl-Listener / designer-skills – 面向 AI 编码助手的设计实践插件

是什么

  • 一组 插件,向 AI 代理(如 Claude Code 和 Gemini CLI)暴露 273 个设计相关“技能”(知识单元)和 76 个“命令”(预构建工作流)。
  • 该仓库托管了 设计实践 收集(9 个插件,涵盖研究、策略、UI、交互、设计系统、原型、运营、工具箱和视觉评审)。四个配套集合位于独立仓库中(AI 产品设计、UX 项目管理、设计领导力、包容性设计),可采用相同方式添加。

为何重要

  • 现代 AI 代理可以执行代码,但缺乏人类设计师所使用的细致、分步的设计知识。此仓库将这些知识编码为离散的、机器可读的“技能”,并打包为代理可直接调用的命令。
  • 安装插件后,AI 助手可以 运行完整的设流程(例如,执行用户研究发现周期、生成配色方案、审计设计系统、生成交付包),而无需用户编写底层提示或脚本。

如何快速上手(无需编码)

  1. 安装 Claude Code(Anthropic 的免费应用)。打开并登录。
  2. 在 Claude Code 中输入:
    /plugin marketplace add Owl-Listener/designer-skills
    
    – 此命令将仓库注册为插件源。
  3. 按 /plugin,打开 Discover 选项卡,勾选您想要的集合(例如 design-research、ui-design),然后按 Enter 安装。
  4. 运行一个命令,例如:
    /design-research:discover
    
    – Claude 将询问产品描述,然后输出人物画像、共情地图和旅程图。

与 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/

之后,Gemini CLI 中同样可以使用 /plugin … 命令。

核心插件与示例命令

插件 核心重点 示例命令
design-research 用户研究方法 /design-research:discover – 运行人物画像、共情地图、旅程图
ux-strategy 产品级策略 /ux-strategy:frame-problem – 结构化模糊的设计挑战
ui-design 视觉 UI 创建 /ui-design:color-palette – 构建完整的色彩系统
interaction-design 交互流程 /interaction-design:design-onboarding – 设计首次使用体验
design-systems 系统库 /design-systems:create-component – 构建组件规范
design-ops 交付与交接 /design-ops:handoff – 生成开发者就绪的交付包
designer-toolkit 支持性资产 /designer-toolkit:start-here – 引导至下一个有用命令
visual-critique 视觉审计 /visual-critique:critique-screen – 返回优先级修复列表
prototyping-testing 验证 /prototyping-testing:experiment – 定义 A/B 测试

典型使用路径

  • 新产品 → design-research:discover → ux-strategy:frame-problem → ui-design:design-screen → interaction-design:design-interaction → design-systems:create-component → design-ops:handoff。
  • 现有产品审计 → visual-critique:critique-screen → prototyping-testing:evaluate → design-ops:handoff。
  • 特定交付物(如配色方案)→ 仅安装 ui-design 并运行 /ui-design:color-palette。

谁应该使用它

  • 希望利用 Claude Code 或 Gemini CLI 自动化重复性设计任务的设计师。
  • 构建 AI 增强设计工作流的产品团队。
  • 任何需要内置设计知识的高级代理开发者。

贡献与社区

  • 所有九个插件均在此仓库中;通过修改技能定义或插件清单的拉取请求接受贡献。
  • 配套集合在各自的仓库中维护;贡献遵循相同流程。
  • 问题(Issues)是报告错误或请求新技能的首选方式。

许可证

  • MIT – 可自由使用、修改和分发。

该仓库是真正可运行的 AI 代理就绪设计插件集合,而非简单的精选列表或教程。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目