Agent Skills
返回列表
PRD 转交互设计说明书

PRD 转交互设计说明书

行业专业 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_2eceb40f/prd-to-ixd。

技能介绍

问题在哪

PRD 和 TRD 往往混着商业叙事、后端实现和 KPI,前端和测试要从中抠出「页面长什么样、点哪里发生什么、字段怎么校验」时,容易漏弹窗规则、空状态或防重复提交这类边缘行为,交付物也不统一,联调时反复对齐口径。

技能如何工作

本技能把角色固定为资深软件交互设计师,执行时遵循三条原则:剥离商业务虚、聚焦前端与交互(忽略纯后端与库表细节)、布局用 ASCII 文字图表达视觉优先级。

输出是一份【标准交互设计说明书 (IXD Spec)】,分三大块且不得合并删减:

  • 第一部分:系统信息架构(纵向树)、导航模式与面包屑规则,以及全系统默认的空状态、防重复点击、文本溢出 Tooltip、权限灰置、网络/404 等全局规范。
  • 第二部分:核心用户路径(页面A -> 操作 -> 弹窗/跳转)与核心对象建模(实体及字段命名统一)。
  • 第三部分:对每个功能页循环五段——入口、界面结构文字图、元素清单(展示/按钮/筛选)、动态交互逻辑(_self/_blank、Modal/Drawer、局部 Loading 等)、表单校验四列表格。

工作流为:分析需求提炼实体 → 输出第一、二部分骨架 → 逐页按模板精雕。

适用边界

需要你提供完整的 PRD 或 TRD 文本;它不会替你画高保真 UI 图,也不覆盖后端接口契约与算法设计。若需求里页面粒度不清,输出质量取决于原文是否能把「每个独立功能页面」列清楚。

使用场景

  • 收到一份混杂 KPI 与后端描述的 PRD,需要拆成可给前端开工的逐页交互说明与校验表
  • TRD 只写了功能列表,要在评审前补全信息架构、导航模式和全站空状态/防重复提交等默认规则
  • 测试用例编写前,需要把每个列表页、表单页的按钮响应、弹窗类型和错误提示文案一次性对齐
  • 多页面后台需求定稿后,要用统一对象字段命名输出 User Flow 与 ASCII 布局,避免联调时术语不一致

适合人员

  • 负责把产品 PRD 翻译成研发可执行文档的前端负责人或技术 PM
  • 要写界面级用例、需明确校验时机与错误样式的测试工程师
  • 没有高保真稿但仍要交付标准 IXD 模板的 in-house 交互或 UX 设计师
  • 评审前需确认 PRD 里每个独立功能页是否具备入口、元素清单与动态逻辑的产品经理