薯条世界（Shutiao World）
为 3 岁幼儿”小薯条”打造的一站式成长教育平台，集游戏化学习、成长记录、教育资源管理和 AI 视频生成于一体。
概述
薯条世界是由 giraffe Bot 主导开发的幼儿成长平台，最初从一个简单的颜色匹配游戏演变为包含多功能的完整 Web 应用。平台采用 Express + SQLite 后端架构，通过 Caddy 反向代理提供 HTTPS 访问。
产品定位演变
经过 YC Office Hours 风格的产品评估，定位从「成长记录相册」转变为 AI 育儿执行助手：
- 核心痛点：家长刷短视频囤了大量育儿资料，但执行率不到 5%
- 差异化：把散落的育儿知识变成每周可执行的行动计划
- 核心价值层：规划层（AI 根据孩子年龄把资料变成周计划）> 执行层 > 收集层
部署信息
| 属性 | 值 |
|---|---|
| 主域名 | https://shutiao.restry.cn |
| MVP 部署 | https://shutiao-world.mvp.restry.cn |
| 服务器 | otter-host（163.228.235.115，Azure China） |
| MVP 服务器 | 163.228.243.161（Azure China North 3） |
| 技术栈 | Express 5 + SQLite (better-sqlite3) + 静态前端 |
| 端口 | 3456 |
| 进程管理 | systemd (otter-host) / PM2 (MVP) |
| 反向代理 | Caddy（自动 HTTPS） |
功能模块
🏠 首页（家长入口）
- 本周任务打卡: 基于资源库和月龄系统生成每周推荐活动（5-6 个）
- 任务状态流转：待做 → 已完成 / 跳过
- 打卡反馈：😐😊🤩 评分 + 可选文字备注
- 进度环展示（如 1/5 已完成）
- 日期条/日历: 高亮有活动的日期，点击筛选当日事件
- 活动时间线: 游戏记录、打卡记录按时间排列
- 学习进度统计: 游戏次数、已学会内容、成长天数
- 里程碑展示: 横向滚动浏览
🎮 游戏乐园（孩子入口）
4 合 1 教育游戏，全程零文字，纯 emoji + 语音引导：
| 游戏 | 教育目标 | 特色 |
|---|---|---|
| 🎨 颜色寻宝 | 颜色认知 | 大色块圆球 + 4 选 1 |
| 🐾 动物认知 | 动物名称 | 听声音找动物 |
| 🔢 数数字 | 数字启蒙 | 数水果个数 |
| 🔷 形状配对 | 形状认知 | 匹配目标形状 |
英语启蒙设计: 答对后先中文夸奖，再用 Azure TTS（XiaoxiaoNeural 中文 + AnaNeural 英文童声）教英文名称。语音串行队列播放，不重叠。
护眼设计: 大色块大图标、一共 6 轮、5 分钟提醒休息、柔和背景色。
📚 资源库
- 241 个教育文件按成长阶段分类（A-F 六大类）
- 月龄系统（当前 36 个月，5 个发展阶段）
- 远期资源灰显标注
- PRD 文档在线查看（Markdown 渲染）
🎬 魔法画室
- 上传涂鸦/画作 → 选择风格 → Azure Sora 生成动画视频
- 支持 6 种风格：涂鸦风、破次元壁、太空冒险、水彩画、像素风、童话故事
- 短视频上下滑浏览（IntersectionObserver 自动播放）
- 支持直接上传视频
- ⚠️ 不支持真人照片（Azure Sora 内容审核限制）
数据模型
7 张核心表：
| 表名 | 说明 |
|---|---|
profile | 小薯条档案（姓名、生日、当前阶段） |
goals | 成长目标（周/月/季度） |
milestones | 里程碑记录 |
timeline | 成长时间线（自动/手动） |
game_sessions | 游戏记录（类型、得分、时长、学到的内容） |
weekly_tasks | 本周任务（含 repeat_type、status） |
videos | 魔法画室视频记录 |
17 个 API 端点，包括 /api/profile、/api/weekly-plan、/api/events、/api/videos 等。
教育资源整理
源自 NAS 共享文件夹 smb://192.168.1.250/video 的芬兰教育资源（241 个文件），经 MiniMax-M2.5 初筛 + Claude Opus 精细分级：
| 分类 | 内容 | 适用 |
|---|---|---|
| A-每日亲子陪伴 | 100 件小事 + 彩虹屁 + 夸孩子 | 每日 |
| B-自然教育核心 | 芬兰课程 + 自然手册 + 春天素材 | 按季节 |
| C-户外探索旅行 | 任务卡 + 英文打卡包 + 旅行手册 | 周末 |
| D-博物馆探索 | 206 线上博物馆 + 寻宝图 | 室内日 |
| E-天赋评估 | 天赋测试 + 兴趣选择 | 3.5 岁参考 |
| F-留到上学后 | 研学手册 + 纪录片 + 古诗词 | 小学阶段 |
UI 设计原则
经过多轮 /audit 和 /critique 审计，遵循反 AI Slop 原则：
- OKLCH 色彩空间（sage/coral/sky/lavender 柔和体系）
- 无卡片设计，用分割线和留白区分层级
- Outfit 字体 + clamp() 流式排版
- 三端适配（手机 375px / 平板 768px / 电脑 1280px）
- 指数缓动动画（非弹簧效果）
用户验证
在小红书发布用户调研帖：「收藏了100个育儿方法，真正做了几个？」
- 封面图由 gpt-image-1 生成
- 通过浏览器自动化（Playwright）登录小红书创作者平台发布
- 首日数据：8 浏览、2 赞、1 分享
汪汪队游戏图片升级（2026-04-07）
汪汪队救援模式进行了大规模素材升级，将所有 emoji 替换为官方 3D 渲染角色图片和载具图片。
角色图片替换（emoji → 官网 3D 渲染）
| emoji | 替换为 | 来源 |
|---|---|---|
| 🐶 | Chase 阿奇真实头像 | pawpatrol.com 官网 3D 渲染 |
| 🐾 | Marshall 毛毛真实头像 | pawpatrol.com 官网 3D 渲染 |
| 🐕 | Rubble 小砾真实头像 | pawpatrol.com 官网 3D 渲染 |
| ♻️ | Rocky 灰灰真实头像 | pawpatrol.com 官网 3D 渲染 |
| 🌊 | Zuma 路马真实头像 | pawpatrol.com 官网 3D 渲染 |
| 🪽 | Skye 天天真实头像 | pawpatrol.com 官网 3D 渲染 |
图片规格：160×160 高质量 WebP，每张 2-4KB，加载飞快。
载具图片（新增 6 张）
| 载具 | 来源 |
|---|---|
| Chase 警车 | Spin Master 官方产品图 |
| Marshall 消防车 | PAW Patrol Wiki |
| Rubble 推土机 | PAW Patrol Wiki |
| Rocky 回收车 | Spin Master 官方产品图 |
| Zuma 气垫船 | Spin Master 官方产品图 |
| Skye 直升机 | Spin Master 官方产品图 |
12 张图片全部 200×200 WebP，总计约 65KB。
替换位置
- 第一步「选狗狗」卡片 → 圆形真实头像
- 第二步「选车车」卡片 → 真实载具图片 + 右上角已选狗狗小头像
- 路面动画 → 显示选中的载具图片
- 进度徽章条 + 庆祝页徽章墙 → 狗狗头像
布局优化（同日）
改为自适应左右分栏布局：
| 屏幕 | 布局 |
|---|---|
| 桌面宽屏 (≥1024px) | 左 40% 任务场景 + 右 60% 2×2 选择网格 |
| 平板 (481-1023px) | 左右分栏适当调整 |
| 手机竖屏 (≤480px) | 上下堆叠 |
| 手机横屏 | 左 38% + 右 62% |
难度简化（同日）
| 之前 | 之后 |
|---|---|
| 4 选 1 | 2 选 1 |
| 6 轮 | 4 轮 |
| 选错灰掉 | 选错抖一抖，可重选 |
部署方式更新
shutiao-world 通过 mvp deployer 部署（原先为手动 node server.js），PM2 管理进程。访问地址：https://shutiao-world.mvp.restry.cn。
汪汪队游戏复杂度升级（2026-04-06）
原版汪汪队游戏”给狗狗配车”玩法过于单一，针对 3 岁小朋友进行了复杂度升级讨论和实现。
升级方案讨论
从”增加复杂度但不增加认知难度”的原则出发，讨论了 5 个方向：
| 方向 | 内容 | 适合 3 岁 |
|---|---|---|
| 🎬 任务情景模式 | 给出救援场景（着火/落水/挡路），让孩子判断派谁去 | ✅ |
| 🔄 两步玩法 | 第一步选对狗狗 → 第二步帮狗狗选对车 | ✅ |
| 🚗 减速带互动 | 按住屏幕让车慢慢过减速带 | ⚠️ 操作可能偏难 |
| 🏅 收集徽章 | 每关收集狗狗徽章，最后展示合照 | ✅ |
| 🎲 随机事件 | 小鸡过马路、小猫卡在树上等彩蛋 | ✅ |
最终实现（三步任务玩法）
从单纯”6 题配车”升级为三步任务流程：
- 看任务场景：6 个情景任务（着火、落水、石头挡路、小羊走丢、小鸟飞高处等）
- 第一步选狗狗：根据场景判断派谁出任务
- 第二步选车车：帮狗狗选对交通工具
- 第三步过减速带：车带动画通过减速带
- 徽章收集：每关收集狗狗徽章，结算页展示徽章墙
新增元素：任务步骤提示条、任务卡片 + 场景 emoji、徽章收集区。保留了大按钮、中英文字、语音提示、答对反馈动画等适合幼儿的设计。
Commit: b2529cc - Upgrade rescue game to multi-step mission flow
完整审计报告
同日进行了全面的游戏代码审计（22 项发现），关键问题包括：
- 🔴 零无障碍支持（无 ARIA、键盘、屏幕阅读器）
- 🔴 无
prefers-reduced-motion支持 - 🟠 汪汪队模式在手机上 UI 溢出（多层 UI 堆叠超出视口）
- 🟠 SpeechSynthesis 在 iOS Safari 上不可靠
响应式适配（同日）
新增 5 个断点：手机竖屏（≤480px）、手机横屏、平板（481-1023px）、iPad 竖屏（≥900px height）、prefers-reduced-motion 无障碍支持。
相关页面
- giraffe — 主要开发 Bot
- kids — Kids 育儿日记 Bot
- azure-image-gen — AI 图像/视频生成
- logto-sso — Logto 身份认证