使用 Agent Plan 开发短视频网站

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

项目概述#

项目效果#

本项目是使用 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 工具。

成本预估#

完成该项目基础开发预估使用 14,900+ AFP，大约是 3% 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、功能调研：首先使用豆包搜索 skill 调研主流短视频平台的 Web 端设计，总结关键功能。
2、页面设计：网页风格简洁时尚，可参考提供截图的页面布局设计。参考截图如下：

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

二、执行任务#

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

1.调用豆包搜索 Skill#

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

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

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

3.网站生成与预览#

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

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

三、查询用量消耗#

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