新知 The Wissen产品系统Vibe Coding

初中生背单词普遍停留在词表与选择题：会做选择题，但看图和听音时反应不出来，也不清楚单词在课文场景里怎么用。教材配套词汇分散在各单元，学生缺少按教材顺序、可反复复习的工具。本项目把人教版初中英语的单元词汇做成插画场景：每个词对应画面里的一个位置，先看图记词，再回到场景里点选作答，让记忆有画面和语境可依。目前面向七年级上册，按单元推进。

首页点图认识单词，可选择教材、继续上次学习、进入今日复习；教材目录按年级—上下册—Unit 组织，七上 Unit 1—7 已开放。学习流程分为场景记词（插画里点热点看词卡）、故事记词与看图认识三种方式；词卡支持美音与英音朗读、翻面查看对应画面。练习环节在插画内弹层作答，答对或主动查看后显示译文与解析，已看过与已答对分别统计。另有抗遗忘复习、生词收藏、我的词库、积分与实物兑换，学生学习与兑换记录保存在本机。手机优先布局，适配 390/834/1280 三档宽度。

我负责从教材词表整理到前端实现的全部工作：把单元词汇、原文与释义整理成结构化 JSON，制作与校对插画场景并标注词条热点位置，实现全部页面、路由与交互（原生 HTML/CSS/JavaScript），用 GSAP 做页面过渡、翻面与答题反馈动画，用 localStorage 保存学习断点、复习队列、收藏与积分。发音走公开词典音频接口并在本地做缓存与失败兜底。技术上刻意不引入框架与后端，保证单文件可直接托管。当前为可试玩原型，尚无后端、跨设备同步与支付。