运行时约定
- 将链式上下文、会话恢复索引和链路面板统一写入当前项目根的
.spark/：.spark/context/、.spark/context/_session-state.json、.spark/dashboard.html。旧版输出目录仅用于迁移提示，不再写入。 - 先按
chain-protocol.md的项目根发现规则定位.spark/，再读取上游；不得在新建的子项目目录中复制出第二份上下文目录。 - 完成子技能后，先写入合法 JSON 并完成解析自检，再输出紧凑 marker、刷新面板和生成 Handoff。面板失败只警告，不阻断设计产出。
- 优先使用本套件自带的确定性脚本：
python3 scripts/validate_chain.py检查链路契约，python3 scripts/build_dashboard.py project-root生成或刷新面板。 - 连接器、浏览器和图像生成均为可选增强；缺少时必须走本地降级路径，不得把“未连接”当作失败。
产品设计专家套件（hub）
本 Skill 是 28 个设计子技能的统一入口与调度中枢。本文件本身不做设计工作——
被触发后，先按下文路由定位子技能，然后用 Read 工具读取对应的
skills/<id>/SKILL.md 并严格按其指令执行。子技能完全自包含，各自的触发词、
方法论、输出模板和验收标准以其 SKILL.md 为准。
使用前提
- 用户是设计师（UX / UI / 视觉 / 体验设计师），或明确以设计视角提出诉求。
- 工作目录默认为用户当前项目目录；链式产物写入
<项目目录>/.spark/。
快速路由：三大入口（按项目状态选）
| 项目状态 | 启动技能 | 说明 |
|---|---|---|
| 新产品 / 模糊想法，无 PRD | skills/frame/SKILL.md |
问题框定：PM 思维教练，5-10 轮从问题域推到方向锚点 |
| 已有 PRD / 需求文档 | skills/scope/SKILL.md |
读需求：从 PRD 提炼设计相关字段、标 gaps |
| 改版 / 诊断已有产品 | skills/audit/SKILL.md |
启发评估：体验走查、找 UX 问题、启发式评估 |
全景路由表（按 5 阶段）
阶段 1 · 研究与框定
| 子技能 | 路径 | 一句话 |
|---|---|---|
| 问题框定 | skills/frame/SKILL.md |
新方向探索，产出 Persona Card + Direction Lean |
| 读需求 | skills/scope/SKILL.md |
从 PRD 拆设计字段 |
| 启发评估 | skills/audit/SKILL.md |
改版项目体验走查 |
| 用户研究 | skills/probe/SKILL.md |
访谈 / 可用性测试规划与主题归纳 |
| 竞品拆解 | skills/bench/SKILL.md |
1-3 个竞品的 UX / 视觉 / 交互三层拆解 |
| 工单分析 | skills/signal/SKILL.md |
海量工单 / 评论提炼高频体验问题 |
阶段 2 · 定义与对齐
| 子技能 | 路径 | 一句话 |
|---|---|---|
| 设计简报 ⭐ | skills/brief/SKILL.md |
一页纸 HTML Brief，链式锚点节点 |
| 用户旅程 ⭐ | skills/journey/SKILL.md |
全生命周期旅程图（含情绪曲线） |
| 用户故事 | skills/stories/SKILL.md |
真实人物名 + JTBD + 验收标准 |
| 站点地图 | skills/sitemap/SKILL.md |
IA 骨架：导航 + 层级 + 路由 |
| 视觉情绪板 | skills/board/SKILL.md |
3-4 套色彩方向 + design-tokens.json |
阶段 3 · 设计执行
| 子技能 | 路径 | 一句话 |
|---|---|---|
| 数字人头像 | skills/avatar/SKILL.md |
realistic / 3d-cartoon 两风格头像生成 |
| 营销海报 | skills/poster/SKILL.md |
材质化字体海报 PNG 直出 |
| Web页面设计 | skills/flow-web/SKILL.md |
Web 端多屏 Flow + 实际代码 |
| mobile页面设计 | skills/flow-mobile/SKILL.md |
移动端多屏 Flow + TabBar 骨架 |
| 数据可视化 | skills/chart/SKILL.md |
图表选型六步法 + 设计规格 |
| 异常态 | skills/edge/SKILL.md |
6 大状态矩阵 × 25 子类型穷举 |
| 设计提案 ⭐ | skills/pitch/SKILL.md |
6 段式向上汇报叙事 |
| 动效规划 | skills/motion-plan/SKILL.md |
Three Pillars + Disney 12 原则 |
| 动效开发 | skills/motion-apply/SKILL.md |
React Bits / CSS 动效工程落地 |
阶段 4 · 验证与度量
| 子技能 | 路径 | 一句话 |
|---|---|---|
| 设计走查 | skills/check/SKILL.md |
交付前自检清单 |
| 可用性测试 | skills/test/SKILL.md |
真实用户测试三阶段全流程 |
| 无障碍检查 | skills/access/SKILL.md |
WCAG 2.1 AA/AAA 完整审计 |
| 设计度量 | skills/metric/SKILL.md |
北极星 + Driver + Counter 四级度量 |
阶段 5 · 交付与闭环
| 子技能 | 路径 | 一句话 |
|---|---|---|
| 设计验收 | skills/qa/SKILL.md |
实现 vs 设计源 9 维还原度核查 |
| 写PRD ⭐ | skills/prd/SKILL.md |
8 段式工程交付 PRD |
| 设计提取 | skills/extract/SKILL.md |
从站点 / 仓库反向抽 design tokens |
| 设计复盘 ⭐ | skills/retro/SKILL.md |
上线后决策验证与经验沉淀 |
执行规则
- 路由：根据用户诉求匹配上表；命中后 Read 对应
skills/<id>/SKILL.md，
之后一切以该文件指令为准（含其 frontmatter 的 reads/writes 链式声明）。 - 不确定时问入口：用户诉求模糊时，先判断项目处于"新方向 / 有 PRD / 改版"
哪种状态，引导到三大入口之一，再进入链路。 - 链式上下文：子技能完成后会向用户项目目录写
.spark/context/<skill>.json，
下游子技能自动读取，不要让用户重复填写项目背景。链路下一步建议按
_shared/next-skill.md模板输出，依赖图见_shared/skill-graph.json。 - 链路面板：如本套件根
_shared/dashboard-template.html存在，子技能产出后
按_shared/dashboard-template.html聚合生成.spark/dashboard.html。 - 协议细节：跨 Skill 字段传递规范见
chain-protocol.md（仅供理解协议，
运行时以各子技能 SKILL.md 自包含指令为准）。
免责声明
本套件辅助专业设计工作流程，不替代专业判断。产出物应由具备相应资质的设计师
审核后方可用于正式交付。
