【社会服务赛道】孕心安：孕产期焦虑陪伴与就医沟通准备

TRAE AI 创造力大赛 【大赛初赛专区】
,
1

【社会服务赛道】孕心安：孕产期焦虑陪伴与就医沟通准备 Demo

一、Demo 简介

孕心安是一款面向孕产期女性的手机端网页 Demo，尤其关注孕中晚期、产后早期等容易焦虑和需要支持的阶段。它可以在用户看不懂产检报告、夜间出现症状、不确定是否需要咨询医生、情绪波动或需要家属协助时，帮助她们完成轻量记录、风险提示、情绪确认和就医沟通准备。

本 Demo 采用单文件 HTML 实现，可离线运行，打开 index.html 即可体验核心流程。

最想打动评审的三个核心功能：

  1. 安心检查向导：首页一键进入，连续完成「症状选择 → 风险分级 → 情绪分数 → 支持方式选择 → 安心总结」，不需要在多个页面之间来回跳转，像一次 2 分钟的轻量问诊前准备。

    image
    image726×1502 92.7 KB

  2. 症状安心分级：用户勾选当前症状后，系统给出红 / 黄 / 绿三档提示。红色提示立即就医，黄色提示尽快咨询医生，绿色提示继续观察和记录。同时明确标注安全边界：不替代医生诊断，不处理急救判断。

    image
    image708×1498 84.4 KB

  3. 产检报告白话解读：把箭头、缩写和常见指标转成更容易理解的说明，并整理「下次产检可以问医生的问题」，帮助用户把焦虑转化成具体、可沟通的清单。

    image
    image708×1494 106 KB

二、Demo 创作思路

孕产期焦虑常常不是来自单一问题，而是来自一连串「不知道怎么办」的瞬间：报告指标看不懂，夜里突然不舒服，不确定要不要去医院，情绪上来时缺少回应，家属想帮忙却不知道该说什么、做什么。

因此，孕心安想解决的不是「替用户做医学判断」，而是帮助她在见到医生之前，把当下最重要的信息整理清楚：

  1. 把看不懂的产检指标翻译成更容易理解的话。
  2. 把症状按风险等级整理出来，提醒用户及时就医或咨询医生。
  3. 把情绪状态记录下来，并给出温和、即时的支持反馈。
  4. 把家属可以提供的帮助变成具体话术和行动建议。

这个方向的核心边界是：不做诊断，不替代医生，不处理急救判断。孕心安不告诉用户「你得了什么病」，而是帮助用户把症状、情绪、问题和支持需求先整理好，让下一次沟通更清楚、更安心。

三、Demo 体验方式

  1. 附件体验：下载并解压本帖上传的「孕心安-demo.zip」，用浏览器打开 index.html 即可体验。

  2. 本 Demo 为纯前端单文件项目，无需后端服务；核心交互可离线运行。联网时使用 Tailwind CDN，断网时有本地样式兜底。

  3. 推荐体验路径（约 2 分钟）：
    （1）首页点击「开始一次安心检查」
    （2）选择症状，或选择「无明显症状」
    （3）查看风险提示
    （4）确认情绪分数（0-10）
    （5）选择当下最需要的支持方式（问医生 / 让家人知道 / 先记录 / 一句安慰）
    （6）查看并复制「安心总结」

  4. 也可以通过底部 5 个 Tab 单独体验各模块：
    （1）报告解读
    （2）症状分级
    （3）情绪陪伴
    （4）家属协作卡
    （5）首页

四、TRAE 实践过程

  1. 用 TRAE 梳理比赛要求和 Demo 目标

先让 TRAE 帮我拆解初赛提交要求：作品需要可交互、可体验，需要 3 张以上开发过程截图和 3 个以上 Session ID，并选择对应赛道标签。基于这些要求，我把「孕心安」收敛为一个手机端、轻量化、单文件 HTML Demo，重点放在孕产期科普、记录和就医沟通准备上。

  1. 用 TRAE 生成第一版单文件 HTML 原型

在一句话需求的基础上，TRAE 生成了第一版可运行原型，包括首页、报告解读、症状分级、情绪陪伴和家属协作五个模块，先保证作品可以点、可以看、可以完整体验。

  1. 用 TRAE 逐步完善核心模块

（1）首页：设计「今日安心卡」和「开始一次安心检查」主入口。
（2）报告解读：把医学指标整理为白话解释，并生成可向医生确认的问题。
（3）症状分级：提供红 / 黄 / 绿三档风险提示，以及就医前可补充记录的信息。
（4）情绪陪伴：设置 0-10 分情绪电量，并根据分数给出分档建议。
（5）家属协作卡：围绕焦虑、睡眠、产检前、产后低落等场景，提供可复制的话术。

  1. 用 TRAE 根据 review 重构主流程，新增「安心检查向导」

早期版本的功能分散在不同 Tab 中，体验时需要来回切换，主线不够连贯。根据 review 反馈，我用 TRAE 将主流程重构为独立的连续向导：症状 → 风险 → 情绪 → 支持 → 总结。用户从首页进入后，可以在同一条路径中完成一次完整的安心检查；如果选择红色高风险症状，则直接进入就医提示和总结卡，避免继续停留在普通陪伴流程里。

  1. 用 TRAE 修复交互细节和体验问题

（1）新增「无明显症状」选项，并与其他症状互斥。
（2）情绪分数默认 8 分，用户可以直接进入下一步。
（3）修复支持方式选中态被 Tailwind 样式覆盖的问题。
（4）「上一步」保留用户已选择内容，避免重复填写。
（5）增加离线样式兜底，确保 CDN 失败时页面仍能保持 App 样式。

  1. 用 TRAE 完成最终打包和自测

最终对绿 / 黄 / 红三条症状路径进行了端到端自测，确认首页返回、状态更新、安心总结生成、复制内容和页面无横向溢出均可正常运行。随后重新打包 zip，并校验压缩包中包含最新版 index.html。

五、开发关键步骤截图

image
image1920×1095 219 KB

image
image2940×1676 496 KB

image
image2940×1676 496 KB

image
image2940×1676 496 KB

六、关键任务 Session ID

  1. Session ID 1：7500088936217461767:8325e45743b40f107aa7a2cf484989ff_6a3762fa7411d94a9694c13a.6a3762fa7411d94a9694c13d.6a3762fa7411d94a9694c13b:TRAE Work.0.1.30.no_sid.no_ppe.T(2026/6/21 12:05:14)
  2. Session ID 2：7500088936217461767:24b83f3e1b65145d8820b34be2198b2c_6a3762fa7411d94a9694c13a.6a4f0e60907c7e2cf679e58e.6a4f0e60907c7e2cf679e58c:TRAE Work.0.1.30.no_sid.no_ppe.T(2026/7/9 10:58:40)
  3. Session ID 3：7500088936217461767:4c203fff47071dc40a5f1497b1694397_6a3762fa7411d94a9694c13a.6a4f116f907c7e2cf679e5e5.6a4f116f907c7e2cf679e5e3:TRAE Work.0.1.30.no_sid.no_ppe.T(2026/7/9 11:11:43)
  4. Session ID 4：7500088936217461767:c1e2d0b3c0028f61754ede4b411cd95e_6a3762fa7411d94a9694c13a.6a4f1b4b907c7e2cf679e712.6a4f1b4a907c7e2cf679e710:TRAE Work.0.1.30.no_sid.no_ppe.T(2026/7/9 11:53:47)

七、报名帖链接

八、医疗安全边界声明

孕心安仅用于健康科普、记录与就医沟通准备，不替代医生诊疗、治疗建议或急救判断。若出现大量出血、胎动明显减少、呼吸困难、剧烈腹痛等紧急情况，请立即就医。

九、产物上传

附件：
孕心安-demo.zip (19.8 KB)

标签：社会服务赛道、社会公益

1 个赞