Tiny Moods AI九宫格表情生成平台产品系统Vibe Coding

面向个人用户、宠物博主和内容创作者，解决单张照片快速制作多表情素材、社交分享图片与竖屏短视频的问题。用户无需掌握修图或视频剪辑技能，即可获得可长期访问、方便保存和传播的个性化互动作品。

https://tinymoods.mikeywa.site/，用户上传一张人物或宠物正脸照并填写名称，即可选择 Lite 或 Pro 模型生成九张不同情绪的大头表情。系统支持自动拆分九宫格、本地抠图、透明 WebP 输出、白底 JPG 与 ZIP 批量下载，并生成永久互动作品页和分享二维码。作品页包含表情轮播、背景与装饰切换、背景音乐、复制链接及浏览器本地短视频生成。系统还配套生成记录、任务恢复、同名作品查询和运营后台，可统计作品、模型成本、访问来源、设备、停留时间及用户交互。

我负责从产品规划、视觉设计到前后端开发和正式部署的完整交付。前端采用 React、Vite、Motion、Canvas、Web Worker 与 Remotion Web Renderer，服务端使用 Node.js、Express、Multer 和 Sharp，并接入火山方舟 Seedream 图像生成模型。针对 AI 九宫格容易出现分隔线、背景残留和大文件的问题，我设计了浏览器本地拆图、边缘内缩、连通白底抠图及 WebP/JPG 双格式链路；视频改为用户设备本地渲染，降低服务器成本。项目同时实现任务恢复、匿名身份关联、永久作品链接、移动端适配、隐私保护、运营埋点和可回滚的生产部署。