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:21 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-seedance-2.0​
doubao-seedance-2.0​
doubao-seedance-2.0​
生成素材​
带人声吟诵的短片​
​
Replay
Play
00:00 / 00:05 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
​
​
带人声吟诵的短片​
​
Replay
Play
00:00 / 00:05 Live
00:00
Fullscreen
Cssfullscreen
1x
  • 2x
  • 1.5x
  • 1x
  • 0.75x
  • 0.5x
Click and hold to drag
​
​
带人声吟诵的短片​
​
Replay
Play
00:00 / 00:05 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.11.04 17:47:43
这个页面对您有帮助吗?
有用
有用
无用
无用