You need to enable JavaScript to run this app.
文档中心
火山方舟

火山方舟

复制全文
下载 pdf
实践指南
使用 Agent Plan 开发学习教育网站
复制全文
下载 pdf
使用 Agent Plan 开发学习教育网站
本文档以绘声绘色学古诗-教育网站为例,介绍如何通过 Agent Plan 一站式调用全模态模型及 Harness 完成产品落地。借助套餐内的多模态模型,快速产出带人声吟诵的诗境动画短片、古风意境画卷等优质素材,并通过优秀编程模型完成高质量网站代码交付。
项目概述
项目效果
本项目是使用 Agent Plan 接入 AI 工具后实现的绘声绘色学古诗的教育网站,具体效果如下。关于 Agent Plan 的核心优势及套餐信息请参见套餐概览
Replay
Play
00:00 / 00:00 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
核心使用能力
  • 语言模型: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 套餐。套餐详情参见套餐概览
注意
推荐购买 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
  • image-20260908-203322-616.png
接入 AI 工具
选择支持的 AI 工具并配置 Agent Plan,具体步骤参见二、选择 AI 工具。完成文本生成模型配置后,需要安装生图、生视频、豆包搜索 Skill,具体如下:
  • 安装豆包搜索 Skill:在控制台配置 Harness 开通豆包搜索,具体步骤参见 豆包搜索
实践流程
一、明确项目需求
具体的项目需求可参考下面内容。
帮我实现一个学古诗教育网站
通过沉浸式的诗境动画,让用户"看见诗、听见诗、读懂诗"
1、豆包搜索 3 首代表性中小学古诗词,作为精选诗词库
2、网页设计:精致的典雅古风,网站图片素材可使用生图skill进行生成,诗文用衬线体模拟书法韵味
3、每首诗歌的学习模块包括:
- 诗歌原文、诗词解析
- 诗境动画短片:使用生视频skill生成带有人声朗诵诗句的意境短片,帮助用户学习
- 知识测验:每首诗歌包含5道选择题,可包含作者生平、意境理解等
二、执行任务
启动工具后,提交上述古诗学习教育网站开发项目的需求,AI 工具(以 Claude Code 为例)将自动完成以下关键步骤。
1.调用豆包搜索 Skill
通过调用豆包搜索 Skill 进行古诗词内容搜索。
2.调用生图、生视频 Skill 生成素材
通过调用Seedream、Seedance Skill生成网站所需的多模态素材,例如带有人声吟诵的动画短片、古风意境画卷等。
使用模型
doubao-seedream-5.0-lite
doubao-seedance-2.0
doubao-seedance-2.0
doubao-seedance-2.0
生成素材
带人声吟诵的短片
Replay
Play
00:00 / 00:00 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
带人声吟诵的短片
Replay
Play
00:00 / 00:00 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
带人声吟诵的短片
Replay
Play
00:00 / 00:00 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
调用生视频 Skill 过程如下:
3.网站生成与预览
通过 AI 工具自动完成网站基础开发工作,后续可根据需求调整细节或部署上线。
您可以选用前端设计 Skill 进行页面美化设计。
首页
诗词库
诗歌学习页
三、查询用量消耗
进入 Agent Plan 控制台 查询 AFP 用量。实际用量消耗根据具体使用情况而定,详情参见 AFP 积分计费规则
实现该项目预估消耗的 AFP 明细如下:
消耗项
消耗量
预估 AFP 消耗
语言模型
开发一个完整的项目、对话消耗。
不同层级模型抵扣系数不同。
3500 AFP
生图模型
3 张 seedream-5.0-lite 生成的图片素材。
一张图消耗 99 AFP。
297 AFP
生视频模型
4个 seedance-2.0 生成的 5秒视频素材。
约消耗 60w-70w token。
计算公式:消耗的原始 token / 10,000 * 抵扣系数
16000 AFP
最近更新时间:2026.09.14 11:10:08
这个页面对您有帮助吗?
有用
有用
无用
无用