@tom_doerr：为 Claude Code 整理的 87 项设计技能 https://github.com/Owl-Listener/designer-skills…

X AI KOLs Timeline 工具
claude-code design-plugins open-source agentic-design design-toolkit

摘要

一套专为 Claude Code 准备的合集，涵盖 8 款插件中的 87 项设计技能与 27 条命令，内容涉及设计研究、设计系统、UI、交互设计等更多领域。可通过插件市场安装，也可与 Gemini CLI 配合使用。

专为 Claude Code 准备的 87 项设计技能 https://github.com/Owl-Listener/designer-skills…
查看原文
查看缓存全文

缓存时间: 2026/05/12 10:54

87 项设计技能（适用于 Claude Code） https://github.com/Owl-Listener/designer-skills…

Owl-Listener/designer-skills

来源：https://github.com/Owl-Listener/designer-skills

设计师技能合集

面向设计的智能体技能、指令与插件——覆盖从用户研究、系统设计、UI、交互到最终研发交付的全链路。 本合集为 Claude Code (https://docs.anthropic.com/en/docs/claude-code) 提供 87 项技能 与 27 条指令，划分为 8 个插件。

插件列表

插件技能数指令数描述
design-research124用户研究：创建人物画像、同理心地图、用户旅程图、深度访谈、可用性测试、卡片分类法、问卷调研及研究资料库管理。
design-systems113设计系统：构建与维护设计系统，涵盖设计令牌、组件库、无障碍合规、主题定制、动效规范、治理体系及多语言本地化。
ux-strategy113UX 策略：塑造产品方向，包括竞品分析、设计原则制定、体验地图绘制、信息架构规划、内容策略及服务蓝图设计。
ui-design144UI 设计：打磨精致界面，涉及布局网格、色彩系统、字体排印、响应式设计、数据可视化以及格式塔/感知心理学原理应用。
interaction-design153交互设计：设计有意义的交互体验，包括微动效、状态机建模、手势操作、反馈机制、认知法则应用、表单设计、新手引导、导航与搜索逻辑。
prototyping-testing84原型与测试：验证设计方案，涵盖原型策略、可用性测试执行、启发式评估及 A/B 测试设计。
design-ops93设计运营：优化团队运作流程，包含设计评审框架、开发交付规范、冲刺规划、协作工作流、设计债管理及效果汇报。
designer-toolkit73设计师工具箱：必备实用辅助，提供设计决策依据撰写、提案结构化、作品集案例研究、UX 文案指导、设计系统落地推广及跨部门设计协商技巧。

快速入门

Claude Code

步骤 1：添加市场源

/plugin marketplace add Owl-Listener/designer-skills

步骤 2：安装插件

/plugin

前往 Discover（发现） 标签页查看所有 8 款设计插件，然后按需勾选并安装。

Gemini CLI

将各个插件作为工作区范围的扩展进行安装。在项目根目录下执行：

``bash

安装单个插件（例如 design-research）

mkdir -p .gemini/extensions cp -r path/to/designer-skills/.gemini/extensions/design-research .gemini/extensions/

或者克隆仓库后一键软链接所有扩展

git clone https://github.com/Owl-Listener/designer-skills /tmp/designer-skills cp -r /tmp/designer-skills/.gemini/extensions/. .gemini/extensions/ ``

每个扩展均为 .gemini/extensions/ 下的独立目录，内含 gemini-extension.json 清单文件，以及由该插件所有技能编译聚合而成的 GEMINI.md 上下文文件。Gemini CLI 会在你于该工作区启动会话时自动加载上下文。

若需全局安装（对所有项目可用）：

bash cp -r path/to/designer-skills/.gemini/extensions/design-research ~/.gemini/extensions/

什么是“技能”与“指令”？

  • **技能（Skills）**是领域知识单元（名词）。它们向 Claude 传授特定设计领域的专业知识——例如创建用户人物画像、定义设计令牌或编写错误提示文案。
  • **指令（Commands）**是标准化工作流（动词）。它们将多个技能串联组合以自动化完成复杂任务——例如执行完整的设计系统审计或一键生成可用性测试方案。

全部指令

指令所属插件描述
/design-research:discoverdesign-research执行完整的用户调研发现周期。
/design-research:interviewdesign-research准备并开展用户深度访谈。
/design-research:test-plandesign-research创建可用性测试执行方案。
/design-research:synthesizedesign-research将原始调研数据提炼为核心洞察。
/design-systems:audit-systemdesign-systems审查设计系统的规范性与无障碍合规情况。
/design-systems:create-componentdesign-systems生成完整的组件规格书脚手架。
/design-systems:tokenizedesign-systems提取并组织现有设计令牌。
/ux-strategy:strategizeux-strategy制定全面的用户体验策略框架。
/ux-strategy:benchmarkux-strategy运行竞品基准对比分析。
/ux-strategy:frame-problemux-strategy将模糊的业务挑战转化为清晰的问题定义。
/ui-design:design-screenui-design设计完整的单屏界面布局。
/ui-design:color-paletteui-design生成完整配色方案并进行无障碍对比度校验。
/ui-design:type-systemui-design构建企业级字体排版系统。
/ui-design:responsive-auditui-design审查界面在不同设备上的响应式适配表现。
/interaction-design:design-interactioninteraction-design设计完整的端到端交互流程。
/interaction-design:map-statesinteraction-design为组件建模状态机与状态流转逻辑。
/interaction-design:error-flowinteraction-design设计功能模块的全局错误处理逻辑。
/prototyping-testing:prototype-planprototyping-testing制定原型开发与迭代测试计划。
/prototyping-testing:evaluateprototyping-testing执行启发式专家评审。
/prototyping-testing:test-planprototyping-testing设计完整的可用性测试执行方案。
/prototyping-testing:experimentprototyping-testing设计 A/B 对比测试实验。
/design-ops:plan-sprintdesign-ops规划单次设计冲刺（Sprint）目标与里程碑。
/design-ops:handoffdesign-ops生成标准化的前端开发交付包。
/design-ops:setup-workflowdesign-ops搭建设计团队的高效协作工作流。
/designer-toolkit:write-rationaledesigner-toolkit撰写设计决策的逻辑与依据说明。
/designer-toolkit:build-presentationdesigner-toolkit梳理高说服力设计提案的结构大纲。
/designer-toolkit:write-case-studydesigner-toolkit创作高质量的个人作品集案例。

贡献指南

如需了解如何添加新的技能、指令或插件，请参阅 CONTRIBUTING.md。

许可证

MIT —— 详见 LICENSE。

相似文章