当古典文体遇上东说念主工智能，会碰撞出若何的火花？借助豆包 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 会自动指示你游戏成立收效开云体育(中国)官方网站，按照指引进行体验即可：