Claude Code collaborative-design：用前后状态协作设计功能
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/collaborative-design/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/collaborative-design/`，把核对后的文件保存为 `.claude/skills/collaborative-design/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/collaborative-design`。
中文摘要
通过可见的输入输出、界面状态和时序把功能要求讲清，再比较方案、核对风险并记录决定。
SKILL.md 中文导读
可复现示例
在功能 design-26 中，移动端筛选抽屉原状态为 {filter: 'All', pending: null}。用户选 Workshops，但希望点 Apply 前页面结果保持原样。工作步骤
- 按时间顺序画出功能会经历的状态，突出触发条件和可见变化。
- 对照备选方案与用户目标，验证风险并保存确认过的决定。
验收方法
场景对照图给出 {beforeApply: 'All', afterApply: 'Workshops'}。对比即时更新和显式应用的行为，确认选择后再记入设计决策。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中准备任务、现有约束和可用于展示的状态。功能实施前使用这一设计流程。
常见问题
这个阶段是否直接修改产品代码？
先用具体场景、状态变化和输出检验设计决定。完成风险验证与团队确认后，再进入实施。