【标签】 按所选赛道选择话题标签：生活娱乐
【标题】 【生活娱乐赛道】 + 反种草清单：一个帮你理性消费、避免冲动购物决策的小程序
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
你是谁： 一名金融行业技术人员，日常就是刷小红书、看直播、被各种种草轰炸，每个月都因为冲动消费花掉不少冤枉钱。每次月底翻账单都想给自己两巴掌，但下次看到"必入"推荐还是管不住手。这次大赛正好逼着自己把一直想做的东西做出来了。
-
**你是怎么用 TRAE 把 Demo 做出来的：
- 说实话，我只有个模糊的想法——“想做个让人别冲动买东西的东西”，完全不知道怎么落地。用 TRAE 的时候，我最深的感受是它不只是个写代码的工具，更像一个能帮你把想法一层层剥开的产品搭档。
- 整个过程大概是这样的：我先把自己的日常踩坑经历和需求一股脑倒给它，它帮我从痛点、用户、场景、价值几个维度梳理出了完整的创意方案。然后在生成 HTML Demo 的时候，我只需要描述"这里要有个冷静期倒计时进度条，颜色要随天数变"，它就能精准还原出来。最惊喜的是，我随口提了一句"能不能加个月度统计图表"，它不仅做了柱状图，还自动配上了数据切换的交互逻辑，这一步真的让我惊呼"原来这么简单"。
-
（要说它帮我跨过了什么坎，最大的坎应该就是"产品功能从头脑到可执行代码"的那段鸿沟吧。以前总觉得做产品需要懂很多前端知识，但 TRAE 让零代码背景的人也能把想法变成可体验的东西，这可能就是 AI 原生工具最大的意义。
）
1. Demo 简介
-
是什么：一款帮助用户在被社交媒体种草后保持理性、避免冲动消费的微信小程序。通过冷静期倒计时、结构化不买理由清单和社区真实反馈三大机制，在"想买"和"下单"之间建立理性思考的缓冲区；
-
面向谁：
- 年轻白领（22-30岁）：收入有限但消费欲望强，想控制非必要开支
- 学生群体（18-25岁）：生活费固定，对性价比敏感，需要理性消费引导
- 精致妈妈（28-40岁）：家庭消费决策者，想避免为家人买到不实用的东西
- 理性消费者（25-35岁）：习惯下单前做功课，需要系统化的决策辅助工具
-
主要功能：
-
反种草清单 + 冷静期管理 用户将被种草的商品添加到清单中，填写"不买理由"（支持8种预设标签快速选择 + 自定义输入），并设置冷静期时长（3/5/7/14/30天）。冷静期内有可视化倒计时进度条，到期后提醒用户做最终决定：“不买了"或"还是想买”，全程用理性对抗冲动。
-
避坑成就体系 + 消费复盘 用户每次成功避坑都会获得成就徽章（初次避坑、冷静大师、省钱达人等8种），累积的节省金额和避坑次数形成正向激励。消费复盘报告以饼图、柱状图、排行榜等可视化方式呈现消费决策数据，并配有AI个性化消费建议。
-
热门避坑发现 + 个人设置 首页展示社区热门避坑商品，每个商品附带真实"不买理由"标签和避坑指数评分，帮用户快速了解踩雷点。个人设置支持自定义冷静期默认天数、提醒时间、提醒文案风格等，让工具适配每个人的消费习惯。
-
相关页面截图：
（Demo 界面展示请查看下方上传的 HTML 文件，在浏览器中打开即可体验完整的4个Tab页面 + 消费复盘报告 + 避坑设置，所有交互均可操作。）
-
2. Demo 创作思路
-
灵感来源：日常生活中频繁遇到"种草-踩雷"循环——刷小红书看到博主推荐，满怀期待下单，收到货发现产品根本不适合自己。更关键的是，每次踩雷后积累的"经验教训"没有被打包成可复用的决策参考，下次遇到类似情况仍然会重蹈覆辙。同时观察到"反种草"文化正在兴起，用户在评论区自发分享真实踩雷体验的声音越来越多，但这些真实声音分散在各平台，缺乏一个聚合和结构化利用的工具；
-
想解决的问题：
- 冲动消费：被博主种草后立刻下单，收到货发现不需要，退货麻烦又浪费钱，造成经济和情绪双重损失
- 信息不对称：种草内容背后有商业利益驱动（广告合作、带货佣金、品牌赞助），负面评价被算法稀释或人为删除，决策依据片面
- 缺乏决策工具：现有平台没有帮助用户系统梳理"买或不买"理由的工具，消费决策过程依赖直觉和情绪而非理性分析
- 踩雷教训浪费：商品评价区存在刷单、删差评等现象，普通用户难以快速识别真实、有价值的负面反馈
-
为什么做这个方向：
-
在全民种草的红海中，几乎所有产品都在鼓励消费、刺激购买，而很少有人站在"帮用户不买"的角度思考。反种草清单选择了一个差异化定位——不做种草、不做评测、不卖货，而是专注于"帮用户买得更少、买得更对"。这个方向有三个核心判断：
- 痛点真实且普遍：消费决策是每个人日常生活中最高频的场景之一，冲动消费几乎人人都经历过
- 情绪价值拉满：将"省钱"转化为"避坑成就感"，让用户觉得"不买"也是一种胜利，而非牺牲和克制
- AI原生设计：利用 TRAE AI 能力实现商品信息聚合、避坑分析生成和个性化消费建议，降低用户的操作成本，让技术真正服务于生活品质提升
-
3. Demo 体验地址（三选一）
反种草清单.html (117.0 KB)
4. TRAE 实践过程
-
获取生成html展示demo的提示词
- 对话内容：请根据创意内容，梳理一份应用简要描述和详细的功能描述，用于使用trae生成html展示的demo；
- Session ID：2596396908937536:af0999892cd8c9682787e1b8dd9d1196_6a395f8a3f4541db1e806d85.6a3a625f1f98078c613f51d0.6a3a625e3d3038c1df12ad7c:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/23 18:42:43)
- 截图：
-
使用提示词生成html展示demo
- 对话内容：上一步的提示词内容，此处省略；
- Session ID：2596396908937536:e41bb4af4c3a3818db8c9c6f60373630_6a3a9e9ec9462b61fef4bf64.6a3a9e9e964eed04dd679d70.6a3a9e9ec9462b61fef4bf65:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/23 23:00:43)
- 截图：
-
修改页面弹出提示效果
- 对话内容：该元素修改为3s 后自动隐藏
- Session ID：2596396908937536:0ed33dc96e39a76769c5f0e233687240_6a3a9e9ec9462b61fef4bf64.6a3d5a76e5dad4b4db7b28ae.6a3d5a76482fd83b909eac9f:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 00:43:18)
- 截图：
-
发现缺少页面详情页，重新生成补充相关提示词
- 对话内容：创意产物HTML说明.md该描述文件中还需补充消费复盘报告、避坑设置的详情页功能描述，请完善，补充部分可单独生成 md 文件，用于在已经生成html展示的demo基础上做修改
- Session ID：2596396908937536:43847eac6503b4cecf944607ab835370_6a395f8a3f4541db1e806d85.6a3e9aabad958b1459cbf596.6a3e9aab482fd83b909ec502:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 23:29:48)
- 截图：
-
使用生成好的提示词，生成相关详情页面
- 对话内容：省略
- Session ID：2596396908937536:eb6b80a508189e01e2acd9543f69cd44_6a3a9e9ec9462b61fef4bf64.6a3e9bff377e326581256a0f.6a3e9bff5aecc3b5bbdc199d:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 23:43:08)
- 截图：
-
修改页面整体布局
- 对话内容：请修改页面整体的布局，适配手机端展示，当前页面高度太高
- Session ID：2596396908937536:37f35cc7e9bb0cbb12e0923ac8147036_6a3a9e9ec9462b61fef4bf64.6a3e9ed7377e326581256af4.6a3e9ed76e0af6c177220dec:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 23:49:25)
- 截图：
-
最终完成 demo
5. 对应的报名审核通过的帖子链接