当古典文学遇上人工智能，会碰撞出怎样的火花？借助豆包 AI，我尝试用一句话生成《红楼梦》互动游戏。这个过程不仅是技术实验，更是对产品经理如何驾驭 AI 的一次思考。
“一位老师，用 AI 做了个《林黛玉初进贾府》的互动游戏。”
看到这种话，你是不是就准备滑走了？——又一个 AI 炫技的案例，对吧？
但看到成品后，我却停了很久…
不是因为多复杂的技术，只是意识到：我们聊了一年 AI Coding，可能都聊错了方向。
游戏本身很简单：
学生站在黛玉的角度，控制故事走向，每个场景 1 张配图。
但当我把自己代入学生时代的视角时，突然理解了它的魅力
不去被动地听故事，学生亲历了故事的发展，甚至可以探索“如果做了不同选择”的可能性。
然而，看到这个作品背后，有四十多轮 Prompt 拉扯过程后，我发现一个问题：
为了做这个游戏，使用者不得不在 Coding 平台、 AI 生图工具之间，来回切换，反复对话。
有没有可能让过程变得简单点？
换句话说如果做这样一个互动游戏，能像写一句话一样简单，会发生什么？
带着这个问题，我试了另一种方法。结果特别好，非常贴合主题：
也可以更像沉浸式剧情游戏：
从输入创意到完整游戏，没有手动生成图片，没有在多个工具间切换，没有调整代码和素材的匹配…
这一切，只需一次提示。
而我将在本文，把这个方法与 2 种风格模板，完整分享给你。
从这里开始方法的核心思考很简洁：
给 AI 更大的行动空间，释放 AI 的智能上限。
在具体实现上，我采用了两大工具：
Claude Code + Skill：Claude Code 是一款 Agent 框架工具，提供 AI 智能规划-执行的行动空间；而 Skill 则可以理解为 AI 的技能包，在这个任务中用于指引 AI 如何生图豆包 Seed-Code 模型：字节最新的模型，国内首个支持多模态的编程模型。用于驱动 Agent、完成游戏开发，并提供多模态理解，让 AI “看懂”配图，适配 UI 设计并用它们，自动实现了「一句话制作互动游戏」的全过程：
看不懂也没有关系，也不用被黑框框的命令行吓退。
只要跟着下面的指引，即使零 AI 基础，也能用上最先进的 Agent 方案，一句话做好这些游戏。
安装 Claude Code
虽然 Claude Code 很好用，往期文章也数次介绍过安装方法，但还会有新读者需要。安装过的老读者可以直接到下一步。
打开自己电脑里的「终端/命令行」工具：
不太懂？没关系，把 Prompt，发送给任意 AI，就能让它一步步教你：
参考以下信息，一步步指导我在【Mac/windows/linux】终端中安装该程序：【此处粘贴替换为上面链接里的安装指引文本】当我遇到疑惑或报错时，我会把终端的日志发给你，请帮我解决。
遇到报错就截图给它，基本都能解决。
当然也可以问 AI，“我是 Mac/ Windows 电脑，我的终端怎么打开”。
安装后，终端里输入claude –version，看到版本号，则安装成功。
配置豆包 Seed-Code 模型
这次选择豆包 Seed-Code 模型，来驱动 Claude Code。
主要因为：
一方面，这两天测下来后，豆包和 Claude Code、Skills 调用的兼容性很好，还没遇到过 Agent 行动失败的问题另一方面，作为国内第一个支持多模态的 coding 模型，我们终于可以用国内模型，多模态分析游戏视觉素材，自行开发配套风格的界面设计了1）这一步前，建议先创建一个空的项目文件夹，比如叫test，再在终端内切换到对应文件目录：
这能把 Claude Code 的 AI 行动，限定在该目录，减小对本地电脑其他文件的影响。
2）替换 Doubao-Seed-Code 模型，在终端内输入：
export ANTHROPIC_BASE_URL=https://ark.cn-beijing.volces.com/api/compatibleexport ANTHROPIC_AUTH_TOKEN=【替换为你的火山方舟 API Key】export ANTHROPIC_MODEL=doubao-seed-code-preview-latestclaude
该操作在当前终端窗口中，将要用的模型临时改为目标模型。（关掉该窗口后，则需再次发送该命令，重新指定模型 API 与 Key）
火山方舟的 API Key，可以到https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey申请。
为了使用模型，需要你在里面充值一些余额。
3）发送上述指令后，如果看到下图信息，就算成功了：
配置文生图 Skill
这是前置准备的最后一步，完成后，你的 Agent 将有“自己配游戏视觉素材”的能力。
为了达到这个效果，就需要用到 Skill 技能包——你可以理解为给 AI 装上的“能力插件”。
我做了一个叫做「seedream-image-generator」的 Skill，能告诉 AI 如何自行调用字节 Seedream 4.0 AI 生图模型 API，创作并下载 AI 图片。
Skill 已经开源在了Github 上
项目地址：https://github.com/eze-is/seedream-image-generator
Claude Code 调用 Skills，需要在当前项目文件夹的/.claude/skills/目录下，放入 seedream-image-generator 的 skill 压缩包。
你可以直接下载这个 Skill 的压缩包，手动放到文件夹内（如图为正确的项目 skills 路径配置）：
也可以在 Claude Code 发以下指令，让 AI 代你操作：
从 https://github.com/eze-is/seedream-image-generator 下载仓库内容，不包含README.md和.DS_Store,以 /seedream-image-generator/的路径,放在当前目录的/.claude/skills/下
AI 会向你申请一些行动权限，大部分时候一路 Yes 确认下去即可。
直到出现：
至此，所有前置准备均已完成，可以开始用后面的提示模板，一句话创作互动游戏了。
来，互动游戏的创作方法到了这一步，我们可以开始做自己的互动游戏了。
核心的指令思路是这样的：
你可以分多次发给 Agent 执行（我就是这样做出了下图）
也可以滑到更下方「宝藏提示模板」部分。
用我为你优化的 Prompt 模板，一次性快速生成类似的游戏（更偷懒，适合日常使用，含更细的操作指引）：
1）多轮提示思路（可跳到下节，拿模板）1.首要的是，指定游戏主要的生成目标
生成一个 html 游戏，用于玩家进入这个场景，并体验【XX 人物】【做某事】的过程，用于感受【XX 情绪 / 社会氛围 / 等需要重点体验的要素】。
游戏内容参考【此处描述剧情内容：可以直接粘贴原文；如果是知名文学内容，也可以直接描述剧情名称，让 AI 自行回忆】
一共需要 X 张图片，用 seedream-image-generator skill 生成后，用于游戏页面内使用，所有图片需要使用统一的画风提示
对了，在生成 AI 图片时，Agent 会向你再次要一下火山方舟 API_KEY，就是我们一开始提供的那个，跟着控制台指引给就可以。
（注意生成图片是要按量付费的，确保火山方舟内有余额）
2.从细节提示上，可以控制选项数量
每个场景需要 3 个不同选项，模拟人物在对应场景下的行为选择。其中只有 1 个选项是符合原文的（即正确），其他 2 个都是错的。选择选项后，提供游戏反馈，包括选择是否正确、原因。通过这种游戏方式，提升玩家的代入感，理解用户面临的处境。
3.利用多模态，识别配图风格，自动优化 UI：
请多模态分析【指定目标配图文件的名称，或拖拽/粘贴配图到 Claude Code 的输入框】的风格，基于对应风格，对UI元素进行设计优化与统一
因为Doubao-Seed-Code 模型出色的多模态理解能力， Agent 能够读取已经生成的配图风格，并将游戏界面编成匹配的样式。
Agent 自动把上面的游戏 UI，改成了这样，更加统一和谐：
互动游戏的形式，非常直观清晰，适合老师在课堂上演示。
如果你想要更加游戏化的界面，或更多调整，也可以把你的想法直接告诉 AI：
“希望游戏界面整体以配图为底，选项 UI 都呈现在图片上”
“需要添加人物状态框，呈现人物的心情数值变化”
“场景 3 的配图效果不好，请更换为 XX”
“我在 /pic 文件夹放了一张我自己找的图，请把场景 3 的配图换为我提供的图片”
2）宝藏提示模板（偷懒选这个，效果也很好）我准备了两个不同的提示模板，一个是「交互式课件风格」，一个是「沉浸式剧情游戏」，进入 Claude Code 后，粘贴发送即可，也可以详细看看我演示的操作逻辑：
A. 交互式课件风格
偏向交互式课件的 UI 布局，效果大概是这样的：
也可以是这样的横版格局（朱自清《背影》）：
一次性提示模板如下：
【任务目标】
基于给定原文/特定剧情/文学内容，自动生成一个完整的**交互式叙事网页游戏/课件**，并在当前项目的根目录下，创建文件夹，放置全部游戏代码与资源
【核心要求】
1.**场景自动切分**：
-基于原文情节转折点，自动拆分3-10个关键叙事场景（默认7个左右，根据原文长度调整）
-每个场景需提取核心情节、环境描写、人物状态
2.**图片设计提示词**：
-为每个场景生成**可直接用于AI绘图的详细prompt**（对应场景数量）
-图片风格：自动匹配原文题材，且多张图片见风格统一一致，如同一个的游戏的不同场景（如古典文学→工笔/水墨、科幻→赛博朋克、历史→写实等）
-内容要求：包含场景核心元素（人物、环境、动作、氛围），符合原文细节
3.**图片生成**：利用 seedream-image-generator skill，生成对应图片
4.**Html 游戏开发**：
选项设计：
-每个场景设计3个选项：1个符合原文逻辑（正确）、2个看似合理但不符合原文/人物性格（错误）
-选项需结合人物身份/性格（如黛玉→小心谨慎、孙悟空→桀骜不驯）
-正确选项严格基于原文情节，错误选项需符合场景语境但偏离原文
反馈系统：
-正确反馈：说明符合原文的具体依据
-错误反馈：结合原文/人物逻辑解释错误原因，引导理解内容
游戏交互与样式：
-符合文字互动类游戏的 UI 布局
-UI 元素，通过多模态分析所生成的游戏图片风格，基于对应风格，对UI元素进行设计优化与统一
【游戏内容】<此处粘贴/替换为你想要生成游戏的文学原文/历史文本>
【输出格式】完整可运行的 html 游戏
【示例参考（供理解生成逻辑）】
若原文为《红楼梦》「黛玉进贾府」片段，AI需：
-拆分场景：弃舟登岸→入城观街→宁国府前→荣国府前→垂花门前→穿堂入院→见贾母前
-图片风格：中国古典工笔，柔和粉/褐/青色调
-选项设计：符合黛玉「步步留心、时时在意」的性格
-反馈：结合原文细节解释对/错原因
只需要在【游戏内容】部分，按要求粘贴/替换为你想要生成游戏的文学原文/历史文本后，发送给 Claude Code 就行：
Agent 能够自动切分场景，规划配图与对应提示：
可以看到选择场景转折点基本符合我们的预期，Agent 执行流程也很顺利，没有错误。
然后 Agent 就会开始在项目目录/pic/下，自动批量生成配图。
并利用 Doubao-Seed-Code 提供的多模态分析能力，识别图片内容，设计 UI 风格。
AI 规划选项与反馈，开发游戏主体：
最后 Agent 会自动提示你游戏开发成功，按照指引进行体验即可：
万隆优配提示：文章来自网络，不代表本站观点。
