2026年9月26日

Designer Skills Pack
为 AI 编程助手提供的设计技能包,包含 273 个技能、76 条命令和 33 个插件。
在 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/
```启动引导:
```
/designer-toolkit:start-here
```
运行设计交付工作流:
```
/design-ops:handoff
```
运行用户研究周期:
```
/design-research:discover
```产品信息
- 形态
- AI技能 & 智能体
- 分类
- 人工智能 › 提示词工程与 Skill 管理
- 定价
- 开源
- 平台
- Claude Code
- 授权协议
- MIT
- 首发日期
- 2026年9月26日
- 收录时间
- 2026年9月26日
概览
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 研究员、设计系统工程师和设计管理者。无需编码基础,通过命令行即可安装和调用。
功能特性
- 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 描述工作内容,自动推荐当前阶段应执行的命令。
版本更新
新版本提醒我Q&A
- 需要什么编程基础才能使用?由 AI 生成
- 不需要编程基础。这些技能在 AI 编程助手中运行,按照文档中的步骤添加 marketplace 并选择插件即可安装使用。
- 支持哪些 AI 工具?由 AI 生成
- 目前支持 Claude Code 和 Gemini CLI。在 Claude Code 中通过 /plugin 命令安装,在 Gemini CLI 中通过 git clone 并复制扩展文件的方式安装。
- 可以只安装部分插件吗?由 AI 生成
- 可以。在 Discover 列表中只勾选需要的插件(如 design-research、design-systems 等),也可以随时回来安装更多。每个插件也可单独安装。
- 如何知道该用哪个技能?由 AI 生成
- 可以查看 INDEX.md 按场景排列的技能索引,或者在 Claude Code 中输入 /designer-toolkit:start-here 并描述你正在做的工作,它会告诉你当前阶段和推荐的命令。
- 其他四个集合在哪里?由 AI 生成
- AI product design、UX program management、Design leadership 和 Inclusive design 各自有独立的仓库,但通过本仓库的 marketplace 安装入口可以统一拉取所有五个集合。
这个产品还没有主理人
由平台收录或原作者已注销。如果它是你的作品,证明与它的关系后即可成为主理人。
认领这个产品同类产品

YouTube Skills for AI Agents
为 AI Agent 提供 YouTube 字幕获取、视频搜索、频道浏览和播放列表提取能力。

OpenClaw Agent Skills
为 Codex 和 Claude Code 等编程代理提供可复用的共享工作流技能集。

AWS Agent Skills
为 Claude Code 和 Codex 提供覆盖 18 项 AWS 服务的本地化工程知识技能包

tutor-skills
将 PDF、文档和代码库转化为 Obsidian 学习库,并通过交互式测验追踪概念掌握程度的 Claude Code 技能。




