Designer Skills五大集合全景图：33个插件覆盖研究到交付，找到最适合你的安装路径

Designer Skills五大集合全景图33个插件覆盖研究到交付找到最适合你的安装路径【免费下载链接】designer-skillsDesigner Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.项目地址: https://gitcode.com/gh_mirrors/de/designer-skillsDesigner Skills设计技能包是面向 AI 时代的开源设计知识库241 个技能Skills、91 个命令Commands、33 个插件分布在五大集合中覆盖用户研究、设计系统、UX 策略、UI、交互设计到交付运营的完整设计周期可直接安装进 Claude Code 或 Gemini CLI。下文先给出五大集合全景图再提供三步安装教程最后帮你按场景找到最适合的安装路径——全程无需写一行代码。 五大集合全景33 个插件如何分工Designer Skills 由五大集合组成本仓库是设计实践集合的入口也是整个技能包的总门。五大集合各自独立成库、可单独安装详见 README.md集合插件数覆盖范围Design practice本仓库9研究、设计系统、UX 策略、UI、交互、原型与测试、设计运营、设计师工具箱、视觉评审AI product design6设计 AI 产品模型交互、对齐推理、系统行为、评估、智能体编排、提示词架构UX program management6设计项目管理规划、干系人沟通、交付、对齐、度量、流程设计Design leadership6设计领导力团队、战略、组织影响力、运营节奏、领导方法论Inclusive design6无障碍优先认知无障碍、包容性交互、无障碍内容、包容性画像、自适应界面 9 6×4 33正好是 33 个插件的来源。只做常规产品设计的话先聚焦本仓库即可。 设计实践集合详解9 个插件、107 个技能本仓库包含107 个技能和 32 个命令按设计周期排布各插件明细见各自 README插件技能命令一句话作用design-research124用户研究画像、同理心地图、旅程图、访谈、可用性测试、卡片分类、问卷ux-strategy123产品方向竞品分析、设计原则、体验地图、信息架构、内容策略、服务蓝图ui-design195界面工艺布局网格、色彩系统、字体排印、响应式、数据可视化、格式塔原则interaction-design225交互设计微动画、状态机、手势、反馈、认知定律、表单、引导、导航design-systems113设计系统设计令牌、组件规范、无障碍、主题、动效、治理、本地化prototyping-testing84设计验证原型策略、可用性测试、启发式评估、A/B 实验design-ops93设计运营评审框架、交付规格、冲刺规划、设计债务、影响力汇报designer-toolkit73实用工具设计依据、演示文稿、案例研究、UX 写作、系统落地、设计谈判visual-critique72视觉评审层次、品牌一致性、构图、排印、色彩、示能性、信息密度技能Skills是名词命令Commands是动词技能教会 AI 某项设计知识比如如何画一个用户画像命令则把多个技能串成完整工作流——例如/design-research:discover会一口气跑完画像、同理心地图和旅程图。日常你主要用命令技能在幕后运行详见 README.md。⚡ 最快安装方法三步搞定无需写代码这些技能运行在 AI 编码助手里官方推荐 Claude Code安装只需三步详见 README.md安装 Claude CodeAnthropic 的免费应用下载、登录、打开只做这一次。添加技能库在对话框输入下面这行并回车/plugin marketplace add Owl-Listener/designer-skills这一步只是告诉 Claude 技能存放的位置什么都还没装。按需勾选安装输入/plugin回车打开Discover标签页方向键移动、空格勾选想要的集合回车安装完成 ✅只想装某几个设计插件在第 3 步的列表里只勾选 design-research、ui-design 等设计类插件即可装多装少随你随时可以回来补装。更喜欢 Gemini CLI从项目根目录执行git clone https://gitcode.com/gh_mirrors/de/designer-skills /tmp/designer-skills mkdir -p .gemini/extensions cp -r /tmp/designer-skills/.gemini/extensions/. .gemini/extensions/ 找到最适合你的安装路径官方按场景给出了三条起步路径详见 README.md对照自己的情况选一条场景一从零开始做新产品先做研究哪怕你以为自己了解用户/design-research:discover告诉它你在做什么、目标用户是谁、解决什么问题它会跑完整个发现周期并暴露你假设中的盲区。之后按顺序推进/ux-strategy:frame-problem结构化问题→/ui-design:design-screen设计界面→/interaction-design:design-interaction处理有状态和动效的流程→/design-systems:create-component模式开始重复时系统化。 该路径最小安装design-research、ux-strategy、ui-design、interaction-design场景二接手现有产品别急着做新东西先评审/visual-critique:critique-screen丢一张截图进去得到一份覆盖视觉层次、品牌一致性、构图和排印的优先修复清单——先搞清楚哪里真坏了。需要更深的审计就用/prototyping-testing:evaluate交付阶段用/design-ops:handoff生成交付包怀疑根因是系统债就用/design-systems:audit-system。 该路径最小安装visual-critique、prototyping-testing、design-ops场景三只产出某个具体交付物直接定位对应插件不需要全装要产出插件命令用户访谈提纲design-research/design-research:interview竞品分析ux-strategy/ux-strategy:benchmark色彩方案ui-design/ui-design:color-palette组件规格design-systems/design-systems:create-component设计令牌design-systems/design-systems:tokenize可用性测试计划prototyping-testing/prototyping-testing:test-plan开发者交付包design-ops/design-ops:handoff设计依据designer-toolkit/designer-toolkit:write-rationale拿不准用这套官方推荐组合不确定从哪里开始就装这四个覆盖完整设计周期插件很轻量多装不会变慢/plugin install design-researchdesigner-skills /plugin install ux-strategydesigner-skills /plugin install ui-designdesigner-skills /plugin install design-opsdesigner-skills 一条自然的设计流水线插件之间不是强制流水线但有天然的纹理详见 README.mddesign-research → ux-strategy → ui-design / interaction-design → design-systems → design-ops研究滋养策略策略塑造 UI 决策UI 中的模式沉淀为系统组件系统再流入运营流程。逆着来也行但如果你发现某一步特别费力往往是因为前面某一步被跳过了。 项目结构速览文件用途README.md总入口安装说明、插件清单、命令速查SKILL_TEMPLATE.md新技能的写作模板COMMAND_TEMPLATE.md新命令的写作模板CONTRIBUTING.md贡献指南先开 issue技能与插件清单同提交CHANGELOG.md版本变更记录scripts/lint-frontmatter.py技能文档 frontmatter 校验脚本每个插件目录都是同一结构skills/下是技能每个技能一个SKILL.mdcommands/下是命令一个.md一条工作流。比如 design-research/commands/discover.md 就是完整用户研究发现周期这条命令的定义。写在最后Designer Skills 的价值在于大多数设计知识是给人读、给人悟的AI 只能逐字照做、靠猜补全猜着猜着就空了。这套技能包把判断标准白纸黑字写下来——这个东西是什么、什么时候用、什么永远别做让设计品味变得可读、可执行。新手建议从三步安装 四插件推荐组合开始按场景逐步补装33 个插件里总有一条属于你的安装路径 【免费下载链接】designer-skillsDesigner Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.项目地址: https://gitcode.com/gh_mirrors/de/designer-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考