需要什么编程基础才能使用？

不需要编程基础。这些技能在 AI 编程助手中运行，按照文档中的步骤添加 marketplace 并选择插件即可安装使用。

支持哪些 AI 工具？

目前支持 Claude Code 和 Gemini CLI。在 Claude Code 中通过 /plugin 命令安装，在 Gemini CLI 中通过 git clone 并复制扩展文件的方式安装。

可以只安装部分插件吗？

可以。在 Discover 列表中只勾选需要的插件（如 design-research、design-systems 等），也可以随时回来安装更多。每个插件也可单独安装。

如何知道该用哪个技能？

可以查看 INDEX.md 按场景排列的技能索引，或者在 Claude Code 中输入 /designer-toolkit:start-here 并描述你正在做的工作，它会告诉你当前阶段和推荐的命令。

其他四个集合在哪里？

AI product design、UX program management、Design leadership 和 Inclusive design 各自有独立的仓库，但通过本仓库的 marketplace 安装入口可以统一拉取所有五个集合。

September 26, 2026

Designer Skills Pack

AI & Machine Learning Prompt Engineering & Skill Management0

Get resource

为 AI 编程助手提供的设计技能包，包含 273 个技能、76 条命令和 33 个插件。

MITClaude CodeText InputText Output

Prompt Templates Skill广场 Skill Packaging

安装 / 调用方式bash

在 Claude Code 中添加 marketplace：
```
/plugin marketplace add Owl-Listener/designer-skills
```
然后输入 `/plugin` 打开 Discover 标签页选择安装。

单独安装某个插件：
```
/plugin install ux-strategy@designer-skills
```

在 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/
```

调用示例json

启动引导：
```
/designer-toolkit:start-here
```

运行设计交付工作流：
```
/design-ops:handoff
```

运行用户研究周期：
```
/design-research:discover
```

Product facts

Type: AI Skill & Agent
Category: AI & Machine Learning › Prompt Engineering & Skill Management
Pricing: Open source
Platforms: Claude Code
License: MIT
Launched: Sep 26, 2026
Listed: Sep 26, 2026
Website: github.com

Overview

GitHub GitHub

Designer Skills Pack 是一个面向 AI Agent 时代的设计技能集合，专为 Claude Code 和 Gemini CLI 编写。它包含 273 个技能、76 条命令，分布在 33 个插件中，涵盖从用户研究到设计系统、UI、交互及交付的完整设计流程。 ## 解决什么问题设计师在使用 AI 编程助手时，往往缺乏结构化的设计领域指令。该技能包将设计方法论转化为 AI 可直接调用的技能和命令，使 AI 代理能够执行具体的设计任务，如用户访谈总结、组件规范生成、设计冲刺规划等。 ## 主要能力整个技能包分为五个集合： - **Design practice**（本仓库）：9 个插件，覆盖研究、系统、UX 策略、UI、交互、原型与测试、设计运营、设计师工具箱、视觉评审。 - **AI product design**：6 个插件，用于设计 Agentic 体验，包括模型交互、对齐推理、Agent 编排等。 - **UX program management**：6 个插件，用于运行设计项目，包括规划、利益相关者沟通、交付等。 - **Design leadership**：6 个插件，涉及人员、团队、策略和组织影响力。 - **Inclusive design**：6 个插件，关注认知无障碍、包容性交互、自适应界面等。其中 Design practice 集合包含 111 个技能和 34 条命令，具体插件包括 `design-research`、`design-systems`、`ux-strategy`、`ui-design`、`interaction-design`、`prototyping-testing`、`design-ops`、`designer-toolkit` 和 `visual-critique`。 ## 适合谁适合在 Claude Code 或 Gemini CLI 环境中工作的设计师、UX 研究员、设计系统工程师和设计管理者。无需编码基础，通过命令行即可安装和调用。

Key features

design-research 插件：提供 14 个技能和 4 条命令，支持用户画像、同理心地图、旅程地图、访谈和可用性测试等。
design-systems 插件：提供 11 个技能和 3 条命令，用于构建和维护设计系统的 token、组件、无障碍和主题化。
ux-strategy 插件：提供 12 个技能和 3 条命令，涵盖竞品分析、设计原则、信息架构和服务蓝图。
ui-design 插件：提供 19 个技能和 5 条命令，处理布局网格、色彩系统、排版、响应式设计和数据可视化。
interaction-design 插件：提供 22 个技能和 5 条命令，设计微动效、状态机、手势、表单和对话式 UX。
prototyping-testing 插件：提供 10 个技能和 5 条命令，支持原型策略、可用性测试、启发式评估和 A/B 实验。
design-ops 插件：提供 9 个技能和 3 条命令，用于评审框架、交付规范、冲刺规划和设计债务管理。
designer-toolkit 插件：提供 7 个技能和 4 条命令，包含设计理由撰写、演示文稿构建和案例研究编写。
visual-critique 插件：提供 7 个技能和 2 条命令，进行层级、品牌一致性、构图和信息密度的视觉评审。
start-here 引导命令：输入 /designer-toolkit:start-here 描述工作内容，自动推荐当前阶段应执行的命令。

Releases

Notify me

Initial · Designer Skills Pack

September 26, 2026

Q&A

需要什么编程基础才能使用？AI-generated: 不需要编程基础。这些技能在 AI 编程助手中运行，按照文档中的步骤添加 marketplace 并选择插件即可安装使用。
支持哪些 AI 工具？AI-generated: 目前支持 Claude Code 和 Gemini CLI。在 Claude Code 中通过 /plugin 命令安装，在 Gemini CLI 中通过 git clone 并复制扩展文件的方式安装。
可以只安装部分插件吗？AI-generated: 可以。在 Discover 列表中只勾选需要的插件（如 design-research、design-systems 等），也可以随时回来安装更多。每个插件也可单独安装。
如何知道该用哪个技能？AI-generated: 可以查看 INDEX.md 按场景排列的技能索引，或者在 Claude Code 中输入 /designer-toolkit:start-here 并描述你正在做的工作，它会告诉你当前阶段和推荐的命令。
其他四个集合在哪里？AI-generated: AI product design、UX program management、Design leadership 和 Inclusive design 各自有独立的仓库，但通过本仓库的 marketplace 安装入口可以统一拉取所有五个集合。