让每条需求,带着证据走完全程。
Molo 是完整的 AI 产研全流程 PC 平台:五阶段专属工作台、角色权限、物料接力、打回与变更追踪、Bug 闭环、严重延期风险报告和上线数据回流。
1. 产品场景分析
15%问题不是缺一张任务看板,而是需求、决策、责任与交付物在五个阶段中断裂。平台覆盖产品、UI、领导评审、前后端、测试与上线运营,且每个角色进入不同工作内容。
业务理解完整覆盖进行中、分析中、开发中、测试中、完成;每一步可介入、打回与追踪。
用户分析产品、UI、领导、前端、后端、测试六类核心角色,并提供权限矩阵。
交付矛盾下游需要真实物料和版本证据,而不是一个“已完成”标签。
风险矛盾严重延期必须给出红色预警、风险分、根因、影响、责任链和处置建议。
2. 产品方案设计
20%产品定位为 AI 产研交付控制层。需求是主对象;五阶段承担项目管理,八节点承担真实执行;物料接力、变更联动、协作时距图谱、消息中心与复盘审计形成从执行到改进的闭环。
项目总览健康度、严重预警,以及折线、环形、柱形三类项目图表。
需求管理真实新增、状态推进和本地持久化;可从 REQ-104 直达变更证据链。
阶段输入证据12 条需求 × 5 个状态均展示上一棒的讨论、Figma/ZIP、运行环境、数据库与测试报告详情,未来阶段明确标记 Mock。
八节点执行链需求提出、AI 分析、分析确认、原型、UI、前端、验收与上线逐节点推进。
变更协同更新CHG-028 联动六项物料,提供物料谱系、版本 Diff 与 375×812 H5 前后对照。
协作时距图谱六个阶段事实节点、五条交接连线、提交/通知/确认时间戳、SLA 和进度影响可交互查看。
高价值复盘以 +4 天为中心展开五条根因支线,每条包含事实证据、实际代价、负责人和下一版门禁。
3. UX 体验设计
20%两份用户提供的 Figma 是结构与配色参照:白侧栏、浅灰工作区、紫色激活态、低对比卡片与高信息密度。产品内容和交互已改造成独立的产研证据流。
登录入口Molo 双区主 KV 登录页;admin/admin 默认预填;错误反馈、显示密码、回车登录与退出闭环。
信息架构项目总览、需求管理、五阶段工作台、交付物料库、风险中心、成员角色。
核心交互点击不同状态需求进入不同工作台;阶段切换、运行预览、Bug 流转、打回、变更、风险处置。
视觉系统紫色单主色、红色严重风险、绿色完成;深色用于登录叙事、技术图和运行预览。
状态覆盖登录成功/失败、正常、阻塞、待评审、待验证、关闭、延期、禁用门禁和人工接管。
产品方案关键画面
VISUAL EVIDENCE
全流程工作台 · 五阶段接力项目控制、阶段状态和物料下游关系在完整桌面工作区中呈现。
1585 × 991 · PC
需求谱系 · 关联与版本差异需求、原型、UI、前端代码及测试证据建立可下钻关系。
1585 × 991 · PCUX 关键画面
VISUAL EVIDENCE
登录入口 · 第一印象与认证闭环主 KV、账号表单与流程叙事保持完整 16:10 PC 画幅。
1600 × 1000 · PC
需求详情 · 阶段化工作内容导航、阶段、业务区和控制轨的层级可直接核验。
1585 × 991 · PC4. HTML 交付实现
20%单文件 PC 应用,无构建;业务数据与登录身份仍由本地 JavaScript Mock 驱动。Select 使用已本地化的 Choices.js 11.2.3,许可证随包交付;图表使用 ECharts 5.5.1,并按本次演示要求从 npmmirror 国内 CDN 加载。CDN 异常时图表自动显示关键数据摘要,登录、需求流转与跨题会议等核心闭环仍可运行。
登录闭环演示凭证 admin/admin;错误态、回车提交、会话保持和退出均为真实 DOM 状态。
功能完整性消息中心、五阶段、上传/邀请弹窗、风险、Bug、版本复盘,以及 Molo 创建 → LinGo 接受/参会 → 回写状态的跨题会议闭环。
物料详情交互阶段输入物料支持展开详情、复制地址、版本/指纹/责任人核验;完整覆盖 12 条需求的五阶段预览。
图表体验双轴趋势、阶段环图、工作负载、效能环、燃尽偏差与上线健康趋势统一 Tooltip、渐变、标记和降级语义。
桌面适配PC 工作区最低 1180px;大字号重排后继续检查横向溢出和关键信息可读性。
可运行物料管理平台预览使用 Molo 登录页截图;开发工作台仍可打开真实本地运行预览。
视觉物料PRD、原型编辑器、QA/Bug 三张新封面均为 800×450,清除不可控伪文字。
5. 交付规范
5%评委文件index.html、delivery.html、requirements.html、styleguide.html、technical.html、ai-log.html、assets/、lib/ 与 qa/final/。
运行方式从交付包根 index.html 进入;也可双击 question-1/index.html 或使用任意静态服务器。
依赖边界图片、截图、业务数据与核心逻辑均本地化;仅 ECharts 按用户授权使用 npmmirror 国内 CDN,并提供文本降级。
明确边界业务数据、API、服务器、数据库与第三方同步均为 Mock;不伪称真实生产连接。
HTML 实现关键状态
VISUAL EVIDENCE
可运行状态 · CHG-028 完成状态推进、物料更新和责任确认不是概念图,而是成品页面。
1585 × 991 · PC6. AI 应用能力
20%AI 不是聊天装饰:它进入需求拆解、变更影响、物料缺口、风险预警与上线复盘五个决策点,且始终提供人工控制边界。
需求阶段把描述拆成用户问题、范围、成功指标和开放问题。
变更阶段输出受影响物料、责任人和下游提醒;用户确认后才提交。
风险阶段基于进度、联调、负载和吞吐形成风险分与处置建议。
完成阶段结合 PV、UV、MAU 与质量趋势给出下一轮需求建议。
AI 与人工决策关键画面
VISUAL EVIDENCE
版本复盘 · 证据驱动反思AI 汇总等待、燃尽和效能信号,最终责任人与改进门禁仍由团队确认。
1585 × 991 · PC最终冻结验收
FINAL v1.0.0
90 秒评委演示路径
1)用 admin/admin 登录;2)进入变更联动,推进八节点并执行 CHG-028;3)切换 375×812 H5 前后态,查看物料谱系与六行版本 Diff;4)打开 REQ-104;5)版本审计查看 48h17m 断点与五类反思;6)发起 LinGo 复盘并参会;7)返回 Molo 查看回执。