Owl-Listener/designer-skills

这是什么？

核心功能

• 01覆盖从用户研究到设计系统、UI、交互与交付的完整设计流程。
• 02提供 76 条斜杠命令，把多项技能串联成完整交付物。
• 03支持 Claude Code 插件市场安装，并提供 Gemini CLI 扩展版本。
• 04内置 /start-here 路由命令，帮助判断从哪里开始。
• 05可按需单独安装某个插件。

适用场景

• 为新产品开展一轮用户发现，产出用户画像、共情图和用户旅程图。
• 在重新设计之前，审视现有界面的层级与排版问题。
• 整理开发交接包，包括规格说明、状态定义和 QA 检查清单。
• 为用户研究编写可用性测试方案或访谈提纲。

快速上手

1. 1

   从 claude.com 获取 Claude Code 并登录

2. 2

   在 Claude Code 中添加技能市场

   /plugin marketplace add Owl-Listener/designer-skills
3. 3

   输入 /plugin，打开 Discover 标签页，安装你需要的合集

4. 4

   按名称安装单个插件，例如 ux-strategy

   /plugin install ux-strategy@designer-skills

使用前须知

• !这些技能需要在 Claude Code 或 Gemini CLI 等 AI 编程助手中运行，因此你需要先安装其中之一。

标签

常见问题

designer-skills 是什么？

面向 Claude Code 和 Gemini CLI 的设计技能合集，包含 273 项技能和 76 条命令，覆盖研究、设计系统、UI、交互与交付。 Designer Skills Pack 将设计知识整理为技能（skills）和斜杠命令，供 AI 编程助手加载调用。技能负责讲解具体设计主题，例如用户画像、设计 Token 的定义或非引导性访谈问题的写法；命令则把多项技能串成完整交付物，例如一轮用户发现、可用性测试方案或开发交接包。

designer-skills 可以免费使用吗？用的什么许可证？

designer-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

designer-skills 还在维护吗？

半年内有更新。designer-skills 最近一次提交是在 2026年9月5日。

designer-skills 适合用来做什么？

为新产品开展一轮用户发现，产出用户画像、共情图和用户旅程图。 在重新设计之前，审视现有界面的层级与排版问题。 整理开发交接包，包括规格说明、状态定义和 QA 检查清单。 为用户研究编写可用性测试方案或访谈提纲。

designer-skills 怎么安装和运行？

从 claude.com 获取 Claude Code 并登录 在 Claude Code 中添加技能市场: /plugin marketplace add Owl-Listener/designer-skills 输入 /plugin，打开 Discover 标签页，安装你需要的合集 按名称安装单个插件，例如 ux-strategy: /plugin install ux-strategy@designer-skills

在哪里获取 designer-skills？

源代码和安装说明在 GitHub 上：https://github.com/Owl-Listener/designer-skills