今天带大家用AI手搓一个塔罗牌占卜小游戏。

先来看下用什么工具。

步骤1:工具选择

Claude code 是一个很好用的AI编程工具，很多开发同学已经在使用了。但是免费版本，有使用限制，每5个小时会重置一次。消耗量大了也会受到限制。而收费版，最低一个月要20刀，年付200刀，还挺不便宜的。

今天给介绍一个便捷的替代方案，将Doubao-Seed-Code模型接入Claude code中使用。

Doubao-Seed-Code是国内首个支持视觉理解能力的编程模型。

国内的DeepSeek V3.1、Kimi K2、GLM 4.6、MiniMax M2 等 Coding 模型暂时还没有这个视觉理解能力的。

Doubao系列模型一直以来视觉理解能力非常强，Doubao-Seed-Code 模型也保持了这个优势，它自带视觉理解能力，不是工具调用实现。这需要基于规模数据量支持的VLM训练才可以实现。

Doubao-Seed-Code接入Claude code的步骤，可以看这个说明文档，已经很详细了。

https://www.volcengine.com/docs/82379/1928262#%E6%8E%A5%E5%85%A5claude-code

本文带大家直接进入实操。

步骤2: 准备需求文档

产品开发，需求是基础。

如果你是一名产品经理，做一个需求文档是轻车熟路了。

如果不是产品经理，也不用着急。AI工具干啥都行。

如果需求足够明确，请将需求描述得足够详细。如果你也不清楚，就把你能描述清楚的需求写下来。

然后交给ai来完善，使用chatgpt、deepseek、豆包都可以。

今天是做一个塔罗牌占卜游戏，比较简单。我们需求描述也简单点。

我需要做一个塔罗牌占卜h5小游戏，请为我编写一个完整的需求文档。

一会功夫就生成了。

prd组成构成主要包括：项目简介、整体框架、功能模块、技术实现、数据库、UI界面要求、非功能需求。

技术实现中会指定选择的技术栈，数据库则说明数据存储方式和数据结构要求等，非功能需求则主要包括加载性能、安全、兼容性等方面的要求。

总之，根据自己实际的情况，来调整生成的prd文档中的内容，完成prd的审核修订。

步骤3: 创建本地项目

在本地创建项目文件夹，用于存放项目代码和文档。

1、创建本地项目目录，我这里创建的目录是claudecode

2、启动Claude Code

打开本地cli终端工具，进入到项目目录，执行claude命令，即可开始使用Claude Code。

cd claudecodeclaude

模型状态验证：输入/status确认模型状态。

3、创建docs目录

4、在docs目录下创建prd.md文件，将ai工具生产的需求文档内容拷贝过来。

步骤4:代码开发

在claude code工作环境中，输入指令：

请根据docs文件夹内的prd.md需求文档完成项目开发。

输入后，就开始执行工作了。

在执行过程中，会询问执行授权，可以选择2，授权通过全部类型的执行请求。

在这个过程中，等就可以了。

最后来看看生成的成品效果。

步骤5: 运行测试

项目开发完成后，在本地启动运行

npm installnpm run dev

按照返回的本地访问地址，在浏览器中打开浏览。

Chrome浏览器中，右键点击检查，打开开发者工具。选择右侧的手机小标，打开手机预览模式，并在左侧选择适配的手机型号，即可完成移动端的预览效果。

来看一下几个页面展示吧。

Doubao-Seed-Code模式在视觉理解上是优势，生成的UI界面也是很美观的，页面有很舒适的动画效果。可以借助这个优势，在UI呈现上做更多的尝试。

Doubao-Seed-Code 说明

在我们的实践过程中，很丝滑。而且通过配置Clauce参数，在这个过程中，是使用了 Doubao-Seed-Code模型服务。

Doubao-Seed-Code 完美兼容Claude Code ，丝滑接入。对于广大使用Claude Code的开发者，几乎零成本即可将 API 切换到 Doubao-Seed-Code。

Doubao-Seed-Code 在实现炫酷表现的情况下，价格也很亲民。输入、输出token单价相比业界平均水平降低62.7%。

目前发布了Coding Plan，最低9.9即可畅享豆包编程模型。

• Lite套餐适合大多数开发者，可支持中等强度的开发任务，首购首月 9.9 元/月，后续续费40元/月；

• 复杂项目开发则可以选择Pro套餐，首购首月仅需 49.9 元，后续续费200元/月；

Codeing Plan Lite版本，相比用量是Claude Pro的3倍，而价格是Claude Pro的 28%，极具竞争力。

从工具选型到项目落地，借助 Doubao-Seed-Code 与 Claude Code 的丝滑配合，我们轻松实现了兼具美观与体验的塔罗牌占卜小游戏。这款自带强视觉理解能力、价格亲民的编程模型，为开发者提供了高性价比的新选择。不妨即刻上手，用它开启你的 AI 编程实践吧。