跳到正文

Haonan S003-1 产品原型

基于 PRD 设计多端可运行原型,完成工程边界、风格、路由、逐页交互、完整状态与高保真界面;用于原型设计、构建和审查,保留全部功能及业务验收范围。

个人 Skill产品研发6 个文件浏览次数 0
开始使用

下载前阅读 SKILL.md 中的使用条件,并确认所用工具支持对应能力。

环境与依赖
你必须基于 PRD 识别各端的设备形态(如 PC、移动 H5、小程序/App),并为其分配合适的独立技术栈: PC 管理端 / 复杂工作站:Next.js (App Router) + React + Tailwind CSS + Lucide React 移动端 (患者端/手机医生端):Vite + React (H5 形态) 或 Expo + React Native,搭配 Tailwind CSS / NativeWind 工程边… 阅读本节完整说明
  1. 获取完整包,保留配套文件的目录结构。
  2. 按照原文准备所需工具、依赖与输入资料。
  3. 阅读对应使用步骤与输入输出说明,在自己的环境中验证结果。

使用提示摘自原文,配套文件保留来源版本;实际运行条件以各包说明为准。

正文

获取原文件

references/interaction-workflow.md

本文中的脚本路径以本 skill 根目录为准。

沿用用户确认的风格、平台与交互方向,不因审查或修复重新设计产品。需要原型时优先复用已有工程或使用自包含 HTML,交付格式由用户要求和已有工作方式决定。

目标与现状

目标范围依据用户最新明确决定、批准 PRD 和确认设计。当前代码、路由和画面用于记录已有实现;缺少实现的屏幕和动作保持缺口,不能从目标中删除。

记录 EXPLICIT / INFERRED / UNKNOWN,原型交互不能自行决定计费、权限、临床或其他业务规则。只有实质影响目标的未知需要提问,已给出的输入不重复索取。

设计流程

  1. 从用户任务建立角色、入口、步骤、结果、退出和错误恢复,保留需求与验收 ID。
  2. 枚举必要页面、弹窗、抽屉、条件分支和深链;已有路由仅是当前实现盘点的一部分。
  3. 每个主要操作指定预期反馈、输入校验、状态变化、数据来源和后续结果。
  4. 按适用性覆盖加载、空、错误、权限、部分数据、成功、撤销、长内容及不同目标视口。
  5. 明确页面间身份和业务对象传递;说明切换、刷新、返回后保留或清除哪些内容。
  6. 使用真实授权资料;如允许原型演示数据,明确标记用途和未实现能力。用户禁止模拟时遵守该限制。
  7. 生成或修改获准的原型,检查关键操作、焦点、导航和恢复;文件存在或按钮显示不能证明流程可用。

交付规格与检查方法见 原型交付。

图像与验证

视觉工具和图像生成只在用户请求、允许且对本次产物必要时使用。复用现有图标及合法资产;没有新增资产需求时不强制生成图片。生成资产记录来源和实际文件,不能将程序产物冒充图像生成结果。

HTML 结构检查使用 scripts/validate_prototype.py,依赖列于同目录 requirements.txt。脚本仅证明检查过的结构;真实交互需要浏览器行为证据,视觉一致需要用户允许的视觉验证。

交接

交付屏幕与状态映射、流程、实际原型路径、已执行检查、未完成能力及未知项。S003-2 承接适用视觉工作,S005-4 承接实现状态,S007/S009 承接完整验收动作。多阶段状态遵循 交付记录。

Haonan S003-1 产品原型 · 原理图

查看原图
Haonan S003-1 产品原型 原理图

CONTACT HAONAN

联系haonan

医疗 AI · 产品与独立开发

刘浩南

关注医疗 AI 从 demo 到真实落地,聚焦产品化、商业化与院内工作流效率提升。

12年医疗产研经验,大湾区头部医疗AI公司前产品总监,独立开发者

医疗 AI 产品化医疗 AI 商业化院内工作流效率
刘浩南的微信联系二维码
微信扫一扫,联系 haonan