使用 Agent Plan 开发学习教育网站

本文档以绘声绘色学古诗-教育网站为例，介绍如何通过 Agent Plan 一站式调用全模态模型及 Harness 完成产品落地。借助套餐内的多模态模型，快速产出带人声吟诵的诗境动画短片、古风意境画卷等优质素材，并通过优秀编程模型完成高质量网站代码交付。

项目概述#

项目效果#

本项目是使用 Agent Plan 接入 AI 工具后实现的绘声绘色学古诗的教育网站，具体效果如下。关于 Agent Plan 的核心优势及套餐信息请参见套餐概览。

核心使用能力#

• 语言模型：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 控制台 购买 Agent Plan 套餐。套餐详情参见套餐概览。

二、配置工具#

完成套餐购买后，需要获取 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，其他方舟 API Key 无法在 Agent Plan 中使用。

  

• 支持模型：见 支持模型及Harness。

接入 AI 工具#

选择支持的 AI 工具并配置 Agent Plan，具体步骤参见二、选择 AI 工具。完成文本生成模型配置后，需要安装生图、生视频、豆包搜索 Skill，具体如下：

• 安装生图生视频 Skill：接入视觉模型
• 安装豆包搜索 Skill：在控制台配置 Harness 开通豆包搜索，具体步骤参见 豆包搜索。

实践流程#

一、明确项目需求#

具体的项目需求可参考下面内容。

1
2
3
4
5
6
7
8帮我实现一个学古诗教育网站
通过沉浸式的诗境动画，让用户"看见诗、听见诗、读懂诗"
1、豆包搜索 3 首代表性中小学古诗词，作为精选诗词库
2、网页设计：精致的典雅古风，网站图片素材可使用生图skill进行生成，诗文用衬线体模拟书法韵味
3、每首诗歌的学习模块包括：
 - 诗歌原文、诗词解析
 - 诗境动画短片：使用生视频skill生成带有人声朗诵诗句的意境短片，帮助用户学习
 - 知识测验：每首诗歌包含5道选择题，可包含作者生平、意境理解等

二、执行任务#

启动工具后，提交上述古诗学习教育网站开发项目的需求，AI 工具（以 Claude Code 为例）将自动完成以下关键步骤。

1.调用豆包搜索 Skill#

通过调用豆包搜索 Skill 进行古诗词内容搜索。

2.调用生图、生视频 Skill 生成素材#

通过调用Seedream、Seedance Skill生成网站所需的多模态素材，例如带有人声吟诵的动画短片、古风意境画卷等。

调用生视频 Skill 过程如下：

3.网站生成与预览#

通过 AI 工具自动完成网站基础开发工作，后续可根据需求调整细节或部署上线。

您可以选用前端设计 Skill 进行页面美化设计。

首页	诗词库	诗歌学习页

三、查询用量消耗#

进入 Agent Plan 控制台 查询 AFP 用量。实际用量消耗根据具体使用情况而定，详情参见 AFP 积分计费规则。
实现该项目预估消耗的 AFP 明细如下：