# 使用 Agent Plan 开发学习教育网站
> 全部文档的索引见 [llms.txt](https://ark.volcengine.com/llms.txt)；在任一文档页面地址后追加 `.md` 可获取该页的 Markdown 版本。
本文档以**绘声绘色学古诗-教育网站**为例，介绍如何通过 Agent Plan 一站式调用全模态模型及 Harness 完成产品落地。借助套餐内的多模态模型，快速产出带人声吟诵的诗境动画短片、古风意境画卷等优质素材，并通过优秀编程模型完成高质量网站代码交付。
# 项目概述
## 项目效果
本项目是使用 Agent Plan 接入 AI 工具后实现的绘声绘色学古诗的教育网站，具体效果如下。关于 Agent Plan 的核心优势及套餐信息请参见[套餐概览](/docs/agent-plan-personal-plan-overview)。
[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/3c11ee8ff0564e58b348d2f305099581)
## 核心使用能力
* 语言模型：Agent Plan 支持 Seed 2.0 系列、GLM 系列、Minimax 系列、DeepSeek 系列、Kimi 系列等多种优秀模型，可灵活切换或使用 Auto 模式调度。
* 生图生视频模型：Agent Plan 提供生图生视频模型，包含字节 SOTA 水平的 Seedance、Seedream，支持通过 Skill 接入并使用。
* 豆包搜索：Agent Plan 提供豆包搜索专属 Harness，支持通过 Skill 或 MCP 方式接入。
* 多工具兼容：Agent Plan 兼容多生态，无缝接入 OpenClaw、Hermes Agent、Claude Code 等主流编程及 AI Agent 工具。
## 成本预估
完成该项目基础开发预估使用 19,700+ AFP，大约是 4.6% Max 套餐月额度。实际消耗以具体使用情况为准，可能会存在差异。
# 前置准备
## 一、购买 Agent Plan
进入 [Agent Plan 控制台](https://ark.volcengine.com/region:cn-beijing/openManagement?LLM=%7B%7D&advancedActiveKey=agentPlan) 购买 Agent Plan 套餐。套餐详情参见[套餐概览](/docs/agent-plan-personal-plan-overview)。
> **注意**
>
> 推荐购买 Large 及以上套餐，Small、Medium 套餐不支持生视频模型。
## 二、配置工具
完成套餐购买后，需要获取 Agent Plan 支持的专属 Base URL、专属 API Key 及模型，完成工具配置后才能正常使用并抵扣套餐额度。
### 需要配置的信息
* 专属 Base URL：
* 兼容 Anthropic 接口协议工具：`https://ark.cn-beijing.volces.com/api/plan`
* 兼容 OpenAI 接口协议工具：`https://ark.cn-beijing.volces.com/api/plan/v3`
* 专属 API Key：[获取专属 API Key](https://ark.volcengine.com/region:cn-beijing/openManagement?LLM=%7B%7D&OpenModelVisible=false&advancedActiveKey=agentPlan)，其他方舟 API Key 无法在 Agent Plan 中使用。
* 支持模型：见 [支持模型及Harness](/docs/agent-plan-personal-plan-overview#3d801f5f)。
### 接入 AI 工具
选择支持的 AI 工具并配置 Agent Plan，具体步骤参见[二、选择 AI 工具](/docs/agent-plan-personal-get-started#c5311898)。完成文本生成模型配置后，需要安装生图、生视频、豆包搜索 Skill，具体如下：
* 安装生图生视频 Skill：[接入视觉模型](/docs/agent-plan-personal-visual-models)
* 安装豆包搜索 Skill：在控制台**配置 Harness** 开通豆包搜索，具体步骤参见 [豆包搜索](/docs/agent-plan-personal-search)。
# 实践流程
## 一、明确项目需求
具体的项目需求可参考下面内容。
```Plain Text
帮我实现一个学古诗教育网站
通过沉浸式的诗境动画，让用户"看见诗、听见诗、读懂诗"
1、豆包搜索 3 首代表性中小学古诗词，作为精选诗词库
2、网页设计：精致的典雅古风，网站图片素材可使用生图skill进行生成，诗文用衬线体模拟书法韵味
3、每首诗歌的学习模块包括：
- 诗歌原文、诗词解析
- 诗境动画短片：使用生视频skill生成带有人声朗诵诗句的意境短片，帮助用户学习
- 知识测验：每首诗歌包含5道选择题，可包含作者生平、意境理解等
```
## 二、执行任务
启动工具后，提交上述古诗学习教育网站开发项目的需求，AI 工具（以 Claude Code 为例）将自动完成以下关键步骤。
### 1.调用豆包搜索 Skill
通过调用豆包搜索 Skill 进行古诗词内容搜索。
### 2.调用生图、生视频 Skill 生成素材
通过调用Seedream、Seedance Skill生成网站所需的多模态素材，例如带有人声吟诵的动画短片、古风意境画卷等。
|使用模型 |doubao-seedance-2.0 |doubao-seedance-2.0 |doubao-seedance-2.0 |
|---|---|---|---|
|生成素材 |带人声吟诵的短片 |带人声吟诵的短片 |带人声吟诵的短片 | \
| |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/be34f0c7416f40f881e8b441e15beef2) |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/d91809c3400b4f3195c1cfc3f1998fd0) |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/3b01b0ff747e4d629e313b42375de069) |
调用生视频 Skill 过程如下：
### 3.网站生成与预览
通过 AI 工具自动完成网站基础开发工作，后续可根据需求调整细节或部署上线。
> 您可以选用前端设计 Skill 进行页面美化设计。
|首页 |诗词库 |诗歌学习页 |
|---|---|---|
| | | |
## 三、查询用量消耗
进入 [Agent Plan 控制台](https://ark.volcengine.com/region:cn-beijing/openManagement?LLM=%7B%7D&advancedActiveKey=agentPlan) 查询 AFP 用量。实际用量消耗根据具体使用情况而定，详情参见 [AFP 积分计费规则](/docs/agent-plan-personal-afp-credits-billing-rules)。
实现该项目预估消耗的 AFP 明细如下：
|消耗项 |消耗量 |预估 AFP 消耗 |
|---|---|---|
|语言模型 |开发一个完整的项目、对话消耗。 |3500 AFP | \
| |> 不同层级模型抵扣系数不同。 | |
|生图模型 |3 张 seedream-5.0-lite 生成的图片素材。 |297 AFP | \
| |> 一张图消耗 99 AFP。 | |
|生视频模型 |4个 seedance-2.0 生成的 5秒视频素材。 |16000 AFP | \
| |> 约消耗 60w-70w token。 | | \
| |> 计算公式：消耗的原始 token / 10,000 * 抵扣系数 | |