- 先和大家打个招呼吧
你是谁： 我是一名关注慢性病健康管理领域的开发者，也是一名深受银屑病困扰的患者，我想用自己的力量帮助同类患者。
你是怎么用 TRAE 把 Demo 做出来的： 说实话，我并不是专业程序员。最初脑子里只有一个模糊的想法——“想给银屑病患者做一个能查什么食物能不能吃的工具和帮助大家避坑”。但不知道从哪里开始，也不会设计界面。
是 TRAE Work 帮我一步步把这个想法变成了现实。我就像和一个很耐心的搭档聊天，一句句把需求描述给它听：帮我想想用户痛点、帮我生成创意提案、帮我设计配色方案、帮我写食材数据库……每一步我都觉得"原来这么简单"。
最让我惊喜的是配色设计的迭代——最初界面颜色杂乱，我告诉 TRAE"看起来不够专业、显得廉价"，它不仅帮我分析了问题，还直接生成了 6 套不同风格的配色方案供我选择。最终选定的青蓝配色方案，整个 UI 质感提升了好几个档次，跨过了我原本以为搞不定的设计门槛。
整个过程就是：我负责想，TRAE 负责做。 真正体验到了"人人都是创造者"。
- Demo 简介
是什么： 银屑病生活助手是一款微信小程序，专门为银屑病（俗称"牛皮癣"）患者打造，也是医学界里被称为“不死癌症”，它不会对人体造成重大伤害、也不传染、但却难以根治，是世界难题，但仍能通过一些科学的方案达到控制病情的效果，我们小程序提供智能健康打卡、专业食材库、健康数据报告和积分激励系统。
面向谁： 18-60 岁银屑病患者及患者家属。国内约有700万银屑病患者，市面上缺乏专门针对银屑病的健康管理工具。
主要功能：
智能健康打卡 — 四维度记录（皮损拍照、饮食、用药、情绪评分），数据永久保存，支持一键生成健康报告分享给医生
专业食材库 — 555 条食材数据，红黄绿灯三级分类，每条标注营养成分、功效说明、食用建议、过敏风险、时令季节等 8+ 维度数据，患者一眼判断食物安全性
积分激励系统 — 每日打卡积分、连续打卡奖励、积分排行榜、补签卡兑换，科学提升坚持动力
（产品截图见体验文件）
- Demo 创作思路
灵感来源： 我也是一名深受银屑病困扰的患者，深知患者在日常生活中需要面对饮食禁忌、用药管理、情绪调节等多方面挑战。网上关于银屑病饮食的信息杂乱真假难辨，很多患者不知道该吃什么、不该吃什么。
想解决的问题：
饮食禁忌不明确 — 网络信息杂乱真假难辨，患者不敢随便吃东西
记录工具缺失 — 纸质记录麻烦易丢失，就医时病史说不清楚
缺乏坚持动力 — 健康管理需要长期坚持，但容易半途而废
为什么做这个方向： “小切口、深挖掘”。与其做一个泛泛的健康管理 App，不如聚焦银屑病这一个病种，把食材数据库做深做透。555 条食材的红黄绿灯分类系统，让患者不用再纠结"这个能不能吃"，一眼就知道答案。这是最直接、最有实用价值的创新点。
- Demo 体验地址
本项目为微信小程序，因微信小程序无法直接在网页端运行，已将核心产品介绍和功能展示制作成交互式 HTML 页面，请下载后本地打开体验：
银屑病生活助手-Demo-v6.zip (3.5 MB)
体验内容包含：
产品完整介绍（10 个章节）
首页打卡入口 + 四维度打卡流程展示
食材库 555 条食材搜索与红黄绿灯分类
健康数据报告趋势图
个人中心积分管理界面
用药与治疗管理
完整技术架构说明
4. TRAE 实践过程
本项目全程使用 TRAE Work 进行 AI 辅助开发，以下是完整的开发流程：
步骤 1：需求分析与创意提案
在 TRAE Work 中描述项目背景和需求，AI 帮我生成了完整的创意提案 HTML 页面，包含项目简介、用户痛点、解决方案、目标用户、核心价值等结构化内容。
Session ID: 2398448694345628:341b9542143999b8e270fb876f97a406_6a36f114d1009e4395de119f.6a47d82d86657c791e46de77.6a47d82d86657c791e46de75:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 23:41:33)
步骤 2：UI 配色方案设计与迭代
最初界面颜色多且杂，缺乏专业感。我告诉 TRAE"看起来太花了、不够专业"，AI 帮我分析了配色问题（颜色太多、蓝色面积过大、圆角阴影不协调），并提供了 6 套配色方案（医疗权威蓝、深色科技、自然疗愈绿、暖灰中性、青蓝现代、薰衣草疗愈）。
经过对比，最终选定「方案 E 青蓝现代」（主色 #0D9488），AI 还生成了完整的 CSS 变量系统和设计规范。这个迭代过程跨过了我最大的设计门槛。
Session ID: 2398448694345628:109bef44565aaab56431bc60dc53d049_6a36f114d1009e4395de119f.6a3bfcde2c603fe0aba1ea33.6a3bfcde2c603fe0aba1ea31:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/24 23:50:54)
步骤 3：食材数据库构建
这是整个项目最大的数据工程。我告诉 TRAE 需要一个按红黄绿灯分类的银屑病食材库，AI 协助构建了 555 条食材的完整数据库，每条包含 14 个字段（id、分类、子分类、名称、图标、红黄绿灯等级、优先级、营养成分、功效、食用建议、搜索关键词、时令季节、过敏风险、是否发酵食品等）。还生成了 300+ 食材的 Emoji 图标映射表，覆盖叶菜、根茎、瓜果、肉类、水产等全品类。
Session ID: 2398448694345628:6d7ad3c41009d45fa2ecf4b72a502d8b_6a36f114d1009e4395de119f.6a3c1f2c2c603fe0aba1ea44.6a3c1f2b2c603fe0aba1ea42:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/25 02:17:16)
步骤 4：核心功能页面开发
AI 协助开发了完整的微信小程序，包括：
首页（打卡入口、今日推荐食材、周完成度仪表盘）
食材库（搜索、分类筛选、详情页）
健康打卡（皮损拍照、饮食记录、用药打卡、情绪评分）
健康报告（Canvas 图表渲染、趋势分析）
打卡日历（可视化记录、连续天数统计）
个人中心（积分、排行榜、用药管理）
健康资讯（专业文章、收藏分享）
后端云函数（用户登录、数据同步、每日提醒等）
Session ID: 2398448694345628:3d478391f5ba22b1186712929116fd12_6a411e58c14d1b798826e6a9.6a4423d08ec676c629b158f8.6a4423d08ec676c629b158f6:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/1 04:15:12)
开发关键步骤截图
（请在下方附上不少于 3 张开发过程截图，建议包括：）
截图 1：在 TRAE Work 中与 AI 对话，描述需求生成代码的过程
截图 2：配色方案 6 套方案对比与迭代过程
截图 3：食材数据库 555 条数据的构建对话
截图 4：健康报告或食材库页面的开发过程
截图 5：整体项目在微信开发者工具中运行的截图
- 对应的报名审核通过的帖子链接
报名帖链接： 【社会服务赛道】一个银屑病生活助手小程序 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区