用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/ZeroZ-lab/unified-skills --skill design-experience-interaction命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | design-experience-interaction |
| description | 交互设计——关键流程、状态、信息架构、用户路径。当需要设计用户交互流程或信息架构,或提到"交互""流程""用户路径""信息架构" |
software 任务需要页面、组件、流程、状态或信息架构设计design-visual-direction;设计批准后 → build-workflow-planbuild-content-writing 或 build-content-layout(下游 build 技能)design-workflow-design先读取 references/design-best-practices.md 和 references/design-inspiration-catalog.md,并把交互相关证据写入 02-design.md 的 Design References / Pattern Synthesis / Adopt / Reject。
扫描重点:
DESIGN.md(如果存在,作为跨 feature 交互约束参考)没有可回溯证据时,不得把交互流程写成最终决策。
写入 02-design.md:
| 失败场景 | 处理方式 |
|---|---|
| 主路径不清 | 删除支线,先只保留一个主路径 |
| 状态缺失 | 补齐状态清单再继续 |
| 页面结构靠实现猜 | 先写结构,再允许工程实现 |
| 用户任务不明确 | 回到 spec 澄清目标用户和成功标准 |
| 交互模式无证据 | 补充 best-practice scan,写清 Adopt / Reject 后再继续 |
| 说辞 | 现实 | 后果 |
|---|---|---|
| “交互以后再补” | 以后补 = 线上返工。 | 缺失状态和边界 → 生产后每补一个状态平均返工 2-4 小时,且遗漏 error/empty 状态直接影响用户留存 |
| “先把 happy path 做通” | 没有状态设计的 happy path 不是真流程。 | 只做 happy path → 30%+ 用户遇到空态/错误态时无法完成操作,客户投诉率提升 |
| “这个组件很小,不需要交互设计” | 小组件也可能承载关键决策或错误态。 | 省略交互设计 → 小组件在边界条件下行为不可预测,单次 bug 修复 1-3 小时 |
主路径: 用户从 Dashboard → 点击"新建任务" → 填写表单 → 看到确认页 → 返回列表
状态设计:
- Loading: 表单提交时按钮变灰 + Spinner
- Empty: "还没有任务,创建你的第一个" + 行动引导按钮
- Error: "网络异常,请重试" + 重试按钮(不是通用"出错了")
- Permission disabled: "需要管理员权限才能创建任务" + 申请入口
Adopt: 逐步披露表单(参考 Salesforce 模式,Pattern Synthesis 来源 #3)
Reject: 全屏 Modal 表单(与项目侧边栏导航冲突,来源: Local Project Truth)
主路径: 用户 → 页面 → 操作 → 结果
状态设计: (未写)
交互模式: 看项目情况决定
不做清单: (未写)
→ 没有 best-practice scan,没有 Adopt / Reject,没有具体页面结构
交互设计产出应写入 02-design.md 的以下结构:
## Interaction Design — [功能名称]
### 用户目标
- 目标用户: [角色]
- 进入点: [从哪里来]
- 成功标准: [完成后看到什么]
### 关键流程
1. [步骤 1] → [步骤 2] → [步骤 3] → [成功出口]
- 决策点: [分支描述]
- 次要路径: [降权描述]
### 状态设计
| 场景 | Loading | Empty | Error | Edge |
|------|---------|-------|-------|------|
| [主路径节点] | [具体 UI] | [具体 UI] | [具体 UI] | [具体 UI] |
### 页面 / 组件结构
- 页面层级: [层级描述]
- 主 CTA: [按钮文案和行为]
- 次要路径降权: [降权方式]
### Adopt / Reject(交互模式)
| 模式 | 来源 | 决定 | 理由 |
|------|------|------|------|
| [模式 A] | [来源层] | Adopt | [具体理由] |
| [模式 B] | [来源层] | Reject | [冲突点] |
### 不做清单
- [不做项 1]
- [不做项 2]
02-design.md