Designer Skills设计运营指南：/handoff交接规范与/plan-sprint冲刺规划，告别设计与开发的割裂

Designer Skills设计运营指南/handoff交接规范与/plan-sprint冲刺规划告别设计与开发的割裂【免费下载链接】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 技能集合其中的 design-ops设计运营模块提供了/handoff交接规范与/plan-sprint冲刺规划两大核心命令。它们把设计怎么做和如何交付给开发变成可执行的标准化流程帮你彻底告别设计与开发的割裂。为什么需要设计运营流程如果你属于下面这类团队design-ops 正是为你准备的设计稿很精致但开发看不懂还原度全靠口头沟通冲刺会开完了结论散落在聊天记录里无法沉淀复用上线后发现实现与设计不一致却拿不出依据去核对 这套技能集的核心思路是用「技能Skills」沉淀设计方法论用「命令Commands」把技能串成完整工作流。两条命令恰好覆盖从想法到交付的关键节点命令解决的问题产出物/plan-sprint设计冲刺该怎么规划完整的冲刺计划/handoff设计如何准确交付给开发完整的交接包三步上手在 AI 助手中启用设计运营技能Designer Skills 运行在 AI 编码助手如 Claude Code中无需写一行代码在助手中执行/plugin marketplace add Owl-Listener/designer-skills添加技能市场输入/plugin打开Discover标签查看可用集合勾选design-ops集合并安装之后直接输入/design-ops:plan-sprint或/design-ops:handoff命令总表见 README.md即可开始。/plan-sprint 使用教程六步规划一场设计冲刺/plan-sprint接收一段挑战描述后自动完成以下六步流程定义见 design-ops/commands/plan-sprint.md框定挑战— 明确冲刺问题与范围组建团队— 确定角色与参与者规划活动— 排布每一天的活动准备材料— 确定原型方式与测试计划招募测试者— 安排最后一天的用户测试设定评审标准— 定义冲刺成果如何被评估五日经典冲刺结构从理解问题到用户测试底层由 design-sprint-plan 技能 支撑按经典五日冲刺组织天数阶段核心动作第 1 天理解 Understand定义挑战、专家访谈、绘制用户旅程、选定聚焦区域第 2 天发散 Diverge灵感演示、Crazy 8s 草图、静默评审与热点投票、确定方向第 3 天决策 Decide评审方案、分镜原型流程、分配角色、规划测试内容第 4 天原型 Prototype搭建高保真原型、分工拼装、彩排并确认测试安排第 5 天测试 Test完成 5 场用户访谈、观察记录、逐场复盘、归纳下一步 团队时间紧张可选Mini sprint2–3 天、远程冲刺或只做前两天的 Discovery sprintSprint Variations。开跑前对照检查清单确认挑战陈述已定义、决策者到场、5–7 人跨职能团队到位、第 5 天的用户已招募Planning Checklist。/handoff 交接规范一键生成开发者需要的完整规格包设计交付给开发时最缺的不是图而是可实现的规格。/handoff命令会把一个界面、功能或组件打包成开发者可直接落地的交接包流程定义见 design-ops/commands/handoff.md视觉规格— 标注所有尺寸与 Token交互规格— 定义状态与行为QA 标准— 生成实现验收清单评审就绪— 按评审标准自检版本标记— 为交接的设计打上版本标签打包— 汇总所有规格、素材与说明交接包里有什么六大类内容一次讲清由 handoff-spec 技能 定义交接包覆盖六大类内容视觉规格间距与尺寸、颜色用 Token 名称而非色值、字体样式、圆角阴影、响应式断点行为交互规格五种状态默认/悬停/聚焦/激活/禁用、动效参数、手势行为、键盘操作顺序内容规格字符上限与截断规则、动态内容边界、本地化与 RTL 考量、空态/加载/错误态文案素材交付图标、图片规格、字体文件、自定义插画边界情况内容最少/最多场景、各断点表现、浏览器与无障碍要求实现备注组件复用建议、数据结构假设、接口依赖、性能考量 关键原则用设计 Token 而非原始值标注行为而不只是外观覆盖所有状态而不只是理想路径Best Practices。QA 清单与评审门禁确保开发还原不走样交接不是终点。design-qa-checklist 技能 提供视觉准确、布局、交互、内容、无障碍、跨平台六大验收维度并给出五步 QA 流程开发自查 → 设计视觉走查 → 截图对比提 Bug → 按严重度排序 → 验证修复QA Process。同时design-review-process 技能 设置四道评审门禁概念评审 → 设计评审 →交接前评审→ 实现 QA每一道都有明确的通过标准避免感觉差不多就上线。从冲刺到交接串起设计运营闭环两条命令天然衔接配合 team-workflow 技能 定义的六阶段工作流发现 → 探索 → 细化 → 交接 → QA → 迭代形成完整闭环/plan-sprint规划冲刺 → 第 5 天产出获胜方案 →/handoff生成交接包 → 开发实现 → QA 验收如果你希望把这套节奏固化成团队制度可继续运行/setup-workflow命令建立团队的评审、版本管理与 QA 机制design-ops/commands/setup-workflow.md。相关文件速查文件说明design-ops/commands/plan-sprint.md冲刺规划命令定义design-ops/commands/handoff.md交接包命令定义design-ops/skills/design-sprint-plan/SKILL.md五日冲刺方法论design-ops/skills/handoff-spec/SKILL.md交接规格规范design-ops/skills/design-qa-checklist/SKILL.md设计 QA 清单design-ops/skills/design-review-process/SKILL.md评审门禁流程design-ops/README.mddesign-ops 模块总览✅ 记住这个组合拳先用/plan-sprint把想清楚再用/handoff把说清楚设计与开发之间的翻译成本就会降到最低。【免费下载链接】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），仅供参考