Claude Code 能把枯燥的营养学教科书变成互动式 3D 世界，这简直疯了。在这个世界里，食物会“活”过来，食材会对你的点击做出反应，能量水平实时变化，每一课都变成了你可以实际游玩的内容。

别再为了理解身体如何利用能量而硬读 40 页书了。

想象一下，打开一本数字书，看着整个微型厨房从书页中浮现出来。

食物以 3D 形式出现，货架展开，食材变得可交互，当你探索时，一个实时仪表盘会追踪不同的能量储备。

这个“Every Bite”概念展示了当教育内容不再像 PDF 而是像游戏时会发生什么。

有趣的部分是？你可以用 Claude Code 构建类似的东西。

与其硬编码数十个动画，不如创建一个可复用的系统，让每一章控制自己的对象、交互和学习目标。

以下是值得保存的提示词：

“使用 React、Three.js、React Three Fiber 和 TypeScript 构建一个名为 Every Bite 的互动式 3D 教育弹出书。

创建一本插图精美的书，打开后变成一个微型的 3D 营养实验室。

包括动画食物模型、色彩缤纷的食材货架、互动式餐点，以及显示碳水化合物、脂肪和蛋白质能量储备的仪表盘。

让用户点击食材、组装餐点，并探索不同食物如何贡献于能量摄入。

创建涵盖食物能量、能量储存和基本营养概念的章节。

添加平滑的页面过渡、相机缩放、对象动画、工具提示和互动测验。

使体验具有响应性，采用温暖的编辑设计风格，并确保营养计算基于明确陈述的教育假设。

将章节内容与 3D 引擎分离，以便在不重建应用程序的情况下生成新课程。”

重点不在于制作更漂亮的教科书。

而在于创建一个可复用的引擎，几乎可以将任何学科转化为互动式学习体验。

生物学、物理学、化学、工程学，都可以围绕同一系统构建。

在构建下一个教育应用之前，保存这个提示词。