# 使用 Agent Plan 开发短视频网站

> 全部文档的索引见 [llms.txt](https://ark.volcengine.com/llms.txt)；在任一文档页面地址后追加 `.md` 可获取该页的 Markdown 版本。

本文档提供使用 Agent Plan 接入 AI 工具快速打造**抖音同款**短视频网站的完整实践指南，涵盖从套餐购买、环境配置、需求定义全模态素材生产到完整项目开发全流程。通过本文，您可以在分钟级别完成项目核心开发，全程无需手动编写代码。

<span id="bcf7f4cc"></span>
# 项目概述

<span id="88935eea"></span>
## 项目效果

本项目是使用 Agent Plan 接入 AI 工具后实现的抖音同款短视频网站，具体效果如下。关于 Agent Plan 的核心优势及套餐信息请参见[套餐概览](/docs/agent-plan-personal-plan-overview)。

[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/1f9a4955009443a1a8643e2312365f8e)

<span id="3f817b52"></span>
## 核心使用能力

* 语言模型：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 工具。

<span id="427cbed9"></span>
## 成本预估

完成该项目基础开发预估使用 14,900+ AFP，大约是 3% Max 套餐月额度。实际消耗以具体使用情况为准，可能会存在差异。

<span id="4a527fbd"></span>
# 前置准备

<span id="9df208d7"></span>
## 一、购买 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 套餐不支持生视频模型。

<span id="84940904"></span>
## 二、配置工具

完成套餐购买后，需要获取 Agent Plan 支持的专属 Base URL、专属 API Key 及模型，完成工具配置后才能正常使用并抵扣套餐额度。

<span id="8dbed7e8"></span>
### 需要配置的信息

* 专属 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 中使用。

    ![image-20260908-203322-616.png](https://arkdocs.tos-cn-beijing.volces.com/images/CodingPlan/image-20260908-203322-616.png)

* 支持模型：见 [支持模型及Harness](/docs/agent-plan-personal-plan-overview#3d801f5f)。

<span id="9bd69b5d"></span>
### 接入 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)。

<span id="08401e70"></span>
# 实践流程

<span id="85442e26"></span>
## 一、明确项目需求

具体的项目需求可参考下面内容。
请帮我实现一个短视频网站项目：
1、功能调研：首先使用豆包搜索 skill 调研主流短视频平台的 Web 端设计，总结关键功能。
2、页面设计：网页风格简洁时尚，可参考提供截图的页面布局设计。参考截图如下：

![](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/67a84ace998a464abcacaae625c4e816~tplv-goo7wpa0wc-image.image)

3、生成素材：请调用已安装的生图skill绘制网站logo，并使用生视频Skill，生成首页的3条视频素材，主题分别为自然风光、美食推荐、美妆护肤。

<span id="4a401597"></span>
## 二、执行任务

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

<span id="99c91b55"></span>
### 1.调用豆包搜索 Skill

通过调用豆包搜索 Skill 进行功能调研。

![](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/e50ef837bc3e46e5b55bec844f5873c3~tplv-goo7wpa0wc-image.image)

<span id="493b31a3"></span>
### 2.调用生图、生视频 Skill 生成素材

通过调用Seedream、Seedance Skill生成网站所需的多模态素材，例如网站Logo设计、短视频内容、视频封面素材等。生成素材示例如下：

|使用模型 |doubao-seedance-2.0 |doubao-seedance-2.0 |doubao-seedance-2.0 |
|---|---|---|---|
|生成素材 |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/7e887f5e90d34158a56690cdc8280a2e) |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/03b508c88b1342ec8cc4b46ab8f3c16b) |[视频](https://p9-arcosite.byteimg.com/obj/tos-cn-i-goo7wpa0wc/818e260760644aaab708e7a2da73e262) |

![](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/76d1cc3b2e5d4843aaff265d28fda6d1~tplv-goo7wpa0wc-image.image)

<span id="1da07d6c"></span>
### 3.网站生成与预览

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

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

![](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/853601a78b4041b493610ca2c2d0e103~tplv-goo7wpa0wc-image.image)

<span id="684cb310"></span>
## 三、查询用量消耗

进入 [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 消耗 |
|---|---|---|
|语言模型 |开发一个完整的项目、对话消耗。 |1250 AFP | \
| |> 不同层级模型抵扣系数不同。 | |
|生图模型 |7 张 seedream-5.0-lite 生成的图片素材。 |693 AFP | \
| |> 一张图消耗 99 AFP。 | |
|生视频模型 |3个 seedance-2.0 生成的 5秒视频素材。 |13000 AFP | \
| |> 约消耗 50w-60w token。 | | \
| |> 计算公式：消耗的原始 token / 10,000 * 抵扣系数 | |
