跳到正文

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/prototype-delivery.md

按模式选择

AUDIT 引用实际原型路径和审查结果,不强制修改文件。SPEC 输出完整交互规格;用户要求可操作原型时交付 HTML 或指定格式。BUILD 生成或修改授权的可运行原型。

自包含 HTML 采用完整文档结构,内联必要 CSS/JavaScript,每个核心屏幕有稳定 ID。离线要求只在用户需要时启用,既有工程允许继续使用真实依赖和构建方式。

每个主要操作具有可观察反馈;原型演示与实际后端调用明确标注。数据和工具使用遵守用户限制,不伪造已经实现的能力。

映射字段

屏幕记录 screen_id、名称、角色、入口、退出、需求和验收 ID、适用状态、原型目标及当前状态。

流程记录操作者、前置、步骤、关键决定、失败恢复、完成结果和屏幕位置。缺少对应实现的需求保留在映射中。

页面、Tab、弹窗和条件显示分别关联场景与验收,核查入口、返回、取消、加载、空态、错误及完成状态。改变操作权限、字段含义、流程顺序或业务终态时,按 原型与需求同步 更新实际受影响资料,并将当前版本交给 S003-2 与 S005-4。

图像或第三方资产确有使用时记录来源、许可、实际文件和用途;生成资产注明实际工具及来源记录。没有图像需求时不创建无关图片。

检查

使用具有 scripts/requirements.txt 依赖的 Python:

validate_prototype.py /absolute/path/to/prototype.html

检查 HTML 文档、主内容和操作元素,列出屏幕及控件数量。明确要求离线自包含时追加 --self-contained,检查外部引用与 CSS 资源。

此脚本只做结构检查。浏览器导航、输入、提交、返回和关键状态需另行执行,视觉检查仅在允许条件下使用。报告分别列出结构、交互和视觉证据。

通过 JavaScript 动态生成主内容或控件时,静态文件不能证明其存在;脚本输出 RUNTIME_REQUIRED 并返回退出码 2。使用获准的浏览器行为检查继续验证,不将这种情况直接认定为产品缺陷或验收通过。

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

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

CONTACT HAONAN

联系haonan

医疗 AI · 产品与独立开发

刘浩南

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

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

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