【标签】 学习工作、社会公益
【标题】 【学习工作】+ 根芽——面向3-12岁儿童的中国乡土文化探索平台
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
你是谁： 我是一名研学从业者，做了5年青少年研学，每天都在和各地的文化地点打交道。但我不是程序员，没有写过一行代码。
-
你是怎么用 TRAE 把 Demo 做出来的： 我把5年研学经验一句句讲给TRAE听。一开始一点一点改，改了几十轮都不满意；后来花半天把需求想清楚，一次性给TRAE，20分钟就生成了完整的可交互Demo。
那一刻我才明白：不是TRAE不行，是我之前没把需求说清楚。
TRAE还帮我跨过一个坎——旧版本图片太多，文件太大，交互做不了。TRAE建议"放弃图片，用CSS渐变代替"，我照做了，结果反而更清爽、加载更快。
-
（有想法的人不需要再被技术卡住了。你能把事想清楚，TRAE就能帮你做出来。
）
1. Demo 简介
-
根芽是一个面向3-12岁儿童的中国乡土文化探索网页，用孩子听得懂的故事、看得见的风景、摸得着的任务，让文化学习从"家门口"开始。
产品形态为纯前端HTML网页应用（单文件），支持手机和电脑访问，无需后端服务器，双击即可打开。
-
**面向谁：**3-12岁孩子的家长，尤其三四线城市、县城、乡镇家庭。
-
主要功能：
①真实中国地图导航 — 基于GeoJSON渲染的真实中国地图，点击城市即可进入文化探索；
②亲子课堂体系 — 每个景点包含"故事讲给孩子听"+“和孩子聊一聊（问答）”+“探险家任务”，实现行前学习→行中探索→行后收获的闭环；
③低龄绘本+通识课堂 — 3-6岁孩子可点击翻页听故事，7-12岁可完成答题任务+拓展知识。
-
下面通过截图展示主要功能
图1：首页地图导航
图2：城市页景点卡片
图3-4：详情页内容板块
图5：手机端适配效果
2. Demo 创作思路
-
灵感来源：我做了5年研学，每天都在和各地的文化地点打交道。我看到最多的场景是：
-
家长周末想带孩子出去，刷了半天不知道去哪——不知道去哪
-
到了地方走马观花拍个照就走，孩子觉得无聊——不知道怎么玩
-
孩子问"这个地方是什么朝代建的"，家长答不上来——家长自己也不懂
教育部2016年就明确"小学研学以乡土乡情为主"，但学校只能组织有限的研学活动。家庭中"去哪、怎么玩、学到了什么"这三个问题，没有人帮家长解决。
-
-
想解决的问题："根芽"不是导游，是课堂——
-
去之前，家长先通过故事了解这个地方的历史
-
到了之后，孩子带着探险任务去探索
-
回来之后，有任务完成的成就感
核心逻辑：行前课（故事+问答）→ 行中探索（任务打卡）→ 行后收获（完成记录）
-
-
为什么做这个方向：旅游解决的是"去不去"的问题，"根芽"解决的是"懂不懂"的问题。
“根芽"的核心理念是"从根到芽”——乡土文化是根，孩子从根部长出来。所以logo是一颗从泥土中长出的嫩芽，上方是绿色的芽，下方是棕色的根。
3. Demo 体验地址
- 根芽乡土文化课平台 (1).html (472.4 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
阶段一：创意提案 → 报名帖（6月24日）
用TRAE Work把5年研学经验整理成结构化的创意方案：6个晋城文化地点、每个地点的"家长课堂+孩子任务+绘本故事"、目标用户和痛点分析。TRAE帮我生成了创意产物的HTML文件，直接上传到报名帖，审核通过。
阶段二：可交互Demo → 首页+地图（6月24-27日）
这是最关键的阶段。我给TRAE Work描述了完整的产品交互方案：首页需要品牌logo+slogan+真实中国地图，城市页需要6个景点的插画卡片列表，详情页需要故事+问答+任务+绘本+通识课堂+推荐书籍等7+板块。
遇到的关键问题：
-
地图太抽象：第一版地图是AI手绘的简笔轮廓，完全不像中国地图。我让TRAE改用GeoJSON数据，调用阿里云DataV公开接口渲染真实省份边界——地图一下子从"涂鸦"变成了"产品级地图"
-
反复迭代导致布局混乱：经过多轮修改后，页面排版出现错位。最终我决定放弃修修补补，从零开始重建
阶段三：从零重建（7月7日）
这是整个过程中最"痛"也最"爽"的决定。
为什么要重建？ 旧版本每个景点都有插画图片，6个景点+多张插画导致文件体积太大，TRAE无法完成完整的交互功能生成——内容太多、图片太多，AI处理不了。最终决定放弃图片，全部用CSS渐变+文字替代，从零开始重建一版轻量化的产品。
“痛” ：之前的版本已经迭代了很多次，有大量内容需要重新整理。
“爽” ：这次我不再一点一点改，而是一次性把完整的产品需求文档写好，包括3层页面结构、6个景点的全部文案、视觉规范、交互规则。把这份完整的PRD一次性粘贴给TRAE，20分钟后，一个完整的可交互Demo就生成了。
教训：不要和AI来回拉扯，先把需求想清楚，一次性给到位。 当需求足够清晰时，TRAE能一次性交付高质量的产品。同时也要控制文件复杂度——图片太多、内容太重反而会拖垮AI的生成能力。
阶段四：细节打磨（7月8日）
重建后做了几轮精准修改：
-
地图加载失败 → 内嵌GeoJSON数据解决网络依赖
-
Logo显示为破图 → 让TRAE用SVG绘制logo
-
城市点位坐标偏移 → 晋城点位偏到了陕西省内，排查坐标转换函数，修正经纬度到SVG坐标的映射公式
-
板块顺序调整 → 把"你知道吗？"通识课堂放到页面底部
-
日期映射修正 → 学习网页与日历计划对齐
每次只改一个点，用"手术刀式"指令精准修改，不触发全量重写。这也是TRAE使用的一个重要经验：不要全量重写，精准定位问题，一次只修一个点。
-
-
附开发关键步骤截图；
图1：用自然语言描述需求
图2：TRAE生成代码的过程
图3-4：报名贴的第一版设计，景点插画丰富，但因文件过大放弃 -
附关键任务对话的 Session ID
Session 1（创意提案+首页第一版）：CN.3524362746995865:2dabd7d6fbb8adc992f7dc28469256ea_...T(2026/6/24 22:08:32) -
Session 2（GeoJSON地图+第二版迭代）：
CN.3524362746995865:f7e1faaa3a7c9f6d168579b3912e80a6_...T(2026/6/27 17:09:21) -
Session 3（从零重建完整版）：
CN.3524362746995865:3068d8f0d1e2e060d00cee01ed558323_6a4d0ee04f563956bf264f0c.6a4e0ee77c9f6ad5b69013df.6a4e0ee6b1151efcb4d9cfc9:TRAE Work CN.1.0.0.2036.6dae4cb7-8114-4fa7-a533-898707061e9d.no_ppe.T(2026/7/8 17:01:54)
5.未来规划与商业潜力
"根芽"不是凭空创造的赛道，而是国家教育政策的家庭端落地方案：
①教育部等11部门《关于推进中小学生研学旅行的意见》（2016） 明确要求：小学阶段以"乡土乡情"为主、初中以"县情市情"为主、高中以"省情国情"为主。"根芽"正是"乡土乡情"研学体系的产品化落地。
②教育部《关于加强中小学地方课程和校本课程建设与管理的意见》（2023） 要求地方课程"挖掘当地特色文化资源的育人价值，使学生认识家乡，涵养家国情怀"。"根芽"填补了地方课程在家庭场景中的空白。
③《义务教育课程方案（2022年版）》 将地方课程纳入国家课程体系，各省必须开设。"根芽"可作为地方课程的校外实践延伸。
④教育部《中华优秀传统文化进中小学课程教材指南》 强调"发掘家乡的优秀传统文化"。"根芽"用AI将传统文化转化为孩子能懂的故事和任务。
核心逻辑： 国家政策要求学校教"乡土乡情"，但学校只能组织有限的研学活动；家庭中家长"不知道去哪、不懂怎么讲、看不到收获"的问题没有解决。"根芽"就是连接政策和家庭的那座桥。
"根芽"的产品模型天然可复制——任意文化地点 → AI生成内容 → 孩子带着去探索。晋城的庙能用，成都的祠能用，西安的城墙能用，泉州的老街也能用。
扩展路径：以晋城为样板打磨产品模型 → 成都/西安/泉州等核心城市扩展 → 全国覆盖（全国2800+区县，每个至少有1-2个有文化价值的地点）。
未来可以开放UGC模式，让当地研学从业者、老师、文化爱好者贡献内容，AI辅助生成初稿。
全国市场空间： 中国有6.5亿未成年人，其中3-12岁约1.8亿。研学旅行市场规模2023年超1500亿，年增速20%+。"根芽"瞄准的不是高端研学市场，而是大众家庭的日常文化启蒙。
路径一：研学机构B端合作
-
模式：向研学机构提供"行前课+行中任务+行后报告"的数字化工具
-
收费：按机构/按年收费，或按使用次数收费
-
优势：创始人本身是研学从业者，有现成机构资源和客户基础
-
目标客户：三四线城市的中小型研学机构、旅行社亲子部门
路径二：延伸阅读/文创产品
-
模式：每个景点推荐3本相关书籍，用户可直接购买
-
收费：图书分销佣金 + 自研文创产品
-
优势：场景化推荐，转化率远高于普通电商
-
延伸：景点主题文创（如天井关拓片、大阳古镇制针体验包）
路径三：内容订阅/增值服务
-
模式：基础内容免费，高级功能收费
-
免费内容：故事、问答、基础任务
-
付费内容：AI对话讲解、个性化学习报告、研学档案、专家直播课
-
定价：月卡9.9元，年卡69元（对标大众消费能力）
变现优先级：
第一步启动研学机构B端合作——启动难度低（已有现成研学资源），变现周期短（1-3个月即可见效），是最快跑通的路径。
第二步拓展图书/文创分销——启动难度中等，变现周期3-6个月。依托场景化推荐的天然优势，转化率高于普通电商。
第三步开放内容订阅增值服务——启动难度较高（需要AI后端支持），变现周期6-12个月，但这是长期可持续的收入来源，也是最核心的壁垒。
6. 对应的报名审核通过的帖子链接
genya-base64-compressed.html (708.3 KB)