【学习工作】贴贴英语 · 家庭英语标签打印网站

一、Demo 简介

是什么:贴贴英语是一个家庭英语启蒙网站,帮家长把家里的物品贴上英文标签。项目已完成基础架构,并已上线:https://copyen.com/,大家可打开查看预览。UI、交互,AI 识别功能和词库会再优化。

面向谁:小学生和英语初学者的家长,想在家营造英语环境但不知道从哪入手的家庭。

主要功能

  1. 分类家庭词库:厨房、客厅、卧室、浴室、书房 5 大场景,275 个高频词(待完善),带中文、音标、别名搜索。

  2. 一键打印标签:4 套模板(大字英文 / 双语 / 完整含音标 / 省纸小标签),A4 和 Letter 任选,浏览器直接打印,清单本地保存不丢失。

  3. AI 拍照识物(实验功能):上传家中物品照片,浏览器本地识别可贴的英文词,照片不上传服务器,隐私安全。

【1.1】首页-家庭词库分类入口

【1.2】词库页-选词加入打印清单

【1.3】打印页-多套模板和实时预览

【1.4】AI识别页-拍照识别物品候选词

二、Demo 创作思路

灵感来源:英语启蒙 App 都在屏幕里"刷题",孩子离开屏幕就忘。真正有效的是把英语"贴"进生活——冰箱上贴 refrigerator,书架上贴 bookshelf,每次拿东西都自然看到。但家长自己排版打印标签太麻烦:查词、找音标、调字号、排 A4 版式……我想用工具把这件事做到"选词 → 打印 → 贴"一张纸搞定。

想解决的问题

  • 家长不知道贴哪些词,缺乏按家庭场景组织的精选词库
  • Word 排版门槛麻烦,打印出来常错位和不整齐
  • 家长手动去查找音标麻烦,不敢贴带音标的标签
  • AI 识别多要上传图片到云端,家庭照片隐私敏感

为什么做这个方向:核心选词打印流程不依赖 AI,哪怕 AI 完全不可用产品也能用;AI 只是锦上添花的候选生成器,且全程在浏览器本地完成,照片不离开设备。

三、Demo 体验地址

在线体验https://copyen.com/

推荐路径:首页 → 开始选词 → 选几个词 → 去打印 → 选模板 → 打印
AI 体验:访问 /detect → 加载模型 → 上传物品照片 → 勾选候选词 → 去打印

四、TRAE 实践过程

整个项目从 0 到上线,全部在 TRAE 中完成。

开发流程

阶段 TRAE 能力 关键操作
① 创意梳理 TRAE 对话 输入"家庭英语启蒙 + 标签打印"梳理产品方向,确定"选词 → 打印 → 贴"核心闭环
② 需求规格 TRAE 智能体 让 TRAE 输出完整规格文档,明确词库分类、打印模板、AI 降级路径、离线策略
③ 实施计划 TRAE 智能体 把规格拆成 15 个可独立验证的任务,含文件清单、接口、依赖、验收标准
④ 词库建设 TRAE 智能体 整理 5 大家庭场景 275 个高频词,含中文、音标、别名,YAML 源文件可维护
⑤ 核心闭环 TRAE 智能体 词库页选词、打印清单编辑、4 套模板分页、浏览器打印、本地持久化
⑥ AI 识别 TRAE 智能体 浏览器端加载模型推理,照片不上传;识别结果映射到词库候选词
⑦ 上线部署 TRAE 智能体 SEO 优化、PWA 离线、部署到 copyen.com

开发关键步骤截图(不少于 3 张)

【4.1】TRAE 对话梳理产品需求与规格文档

【4.2】TRAE 生成的实施计划与任务拆解

【4.3】TRAE 实现架构调整和迁移

【4.4】TRAE 实现 AI 识别的优化和降级处理

【4.5】TRAE 上线前质量检查预测试,全流程通过部署成功

关键任务对话 Session ID

在 TRAE 中双击对应对话即可复制 Session ID。

# 梳理产品需求,生成设计文档和计划文档 Session ID
129061269287159:05aea4c0059e8757beb3302320919a6f_6a42a1e0bd687812ccdda9ec.6a42a5d6bd687812ccddaa5a.6a42a5d6bd687812ccddaa58:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 01:05:26)
129061269287159:0d1367a5d6c9c5b4dc3bb670e52b4025_6a42a1e0bd687812ccdda9ec.6a42a732bd687812ccddaa7a.6a42a732bd687812ccddaa78:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 01:11:14)
129061269287159:272851a7f550ca9d76905dbb6182f964_6a42a1e0bd687812ccdda9ec.6a42b0f5bd687812ccddab28.6a42b0f5bd687812ccddab26:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 01:52:53)

# 梳理、调整、确认、优化项目架构和技术方案
129061269287159:6c4c2e8ff7e0aeb6d60cc04c569fbf45_6a432dbdc93eeff9e12d48d3.6a432dbdc93eeff9e12d48d6.6a432dbdc93eeff9e12d48d4:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 10:45:17)
129061269287159:657e2718015c1a7a92dd91553d81e026_6a4344d6c93eeff9e12d49bf.6a4344d6c93eeff9e12d49c2.6a4344d6c93eeff9e12d49c0:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 12:23:50)

# 根据设计文档和计划文档,完成项目 MVP 方案
129061269287159:e4e4c503eef6c55aa4fb423471effda1_6a434a4cc93eeff9e12d4a92.6a434a4dc93eeff9e12d4a95.6a434a4dc93eeff9e12d4a93:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/30 12:47:09)

# 项目 MVP 方案上线前质量与模型收敛,部署生产前检查
129061269287159:c9ae18e0b5dd1386ab3a992243237936_6a45353a04108d18ce2869eb.6a45353a04108d18ce2869ee.6a45353a04108d18ce2869ec:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/1 23:41:46)
129061269287159:352ff02e28c25c16e015fa32e4593c83_6a4538dd04108d18ce286ab3.6a4538dd04108d18ce286ab6.6a4538dd04108d18ce286ab4:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/1 23:57:17)

# 优化项目,扩充家庭英语词库与YOLO映射,优化 AI 识别页面可靠性
129061269287159:d9ca6e1194812ba6025d96d065b32f70_6a453d2604108d18ce286b84.6a453d2604108d18ce286b87.6a453d2604108d18ce286b85:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/2 00:15:34)
129061269287159:021f83084c175b0c74505c890316c749_6a45b26df07880f49add3d78.6a45b26df07880f49add3d7b.6a45b26df07880f49add3d79:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/2 08:35:57)

五、社区报名帖链接

通过的社区报名帖链接
贴贴英语 · 报名帖(【学习工作赛道】把家变成英语启蒙乐园)

1 个赞

在真实环境中高频接触。将英语“贴”进生活,很巧妙的点子。请教下用的是什么本地Ai模型?

我做的是上传照片后Ai给出摄影点评的小程序,欢迎来给点建议,觉得还行的话也帮忙点个票:【生活娱乐赛道】点评相机-照片美学点评Ai

1 个赞

使用的是YOLO小模型

1 个赞