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 助手可以 运行完整的设流程(例如,执行用户研究发现周期、生成配色方案、审计设计系统、生成交付包),而无需用户编写底层提示或脚本。
如何快速上手(无需编码)
- 安装 Claude Code(Anthropic 的免费应用)。打开并登录。
- 在 Claude Code 中输入:
– 此命令将仓库注册为插件源。/plugin marketplace add Owl-Listener/designer-skills - 按
/plugin,打开 Discover 选项卡,勾选您想要的集合(例如design-research、ui-design),然后按 Enter 安装。 - 运行一个命令,例如:
– Claude 将询问产品描述,然后输出人物画像、共情地图和旅程图。/design-research:discover
与 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 代理就绪设计插件集合,而非简单的精选列表或教程。
相关
- 项目
- 项目
- 项目
- 项目
- 项目