一个“多Agent协同的AI创作剧组”

查看网站

项目介绍

用户不再使用工具“做内容”,而是像制片人一样“发起一个项目”。 从人才市场招募具有不同风格与技能的 AI Agent,通过群聊协作完成从想法到成片的全链路创作。

AI 片场验证了用户对 AI 视频创作的真实需求,但固定流程难以支持复杂、开放的创作。因此,我们开始探索 Agent Teams, 希望让多个 AI Agent 像剧组一样协同工作,完成从创意到成片的完整创作。

问题

  • 单一对话很难承接完整创作链路
  • 用户难以感知 Agent 的能力和进度
  • 用户不知道下一步该改什么

解决方案

  • 用剧组的方式组织多 Agent 协作
  • 采用群聊式协作形态
  • 设计阶段化创作链路引导用户

结果

  • 核心创作流程跑通率约 80%
  • 带动平台 DAU 和创作活跃提升
  • 沉淀 D2C 对话组件和产物卡片
解锁 Agent 团队邀请界面
Agent Teams 项目侧边栏与群聊界面
Agent Teams 首页推荐界面
Agent Teams 项目协作工作台
Agent 详情与技能信息界面
浏览器通知提醒设置界面
邀请 Agent 成员头像组件

My Role

我干了什么?

通过设计,将复杂的 Multi-Agent 协作,设计成用户容易理解的群聊创作体验

探索产品形态

探索 Agent Team 的产品形态,参与确定群聊式创作体验。

Agent Teams 产品形态探索界面

创作流程设计

设计从创建 Agent、组建团队、发起任务到查看产出的完整协作流程,保证项目的连贯性。

把流程转化成可理解的群聊体验

通过设计策略,把视频创作包装成一次与Agent的团队协作。

Agent Teams 人才市场信息架构界面

Proposal

寻找最适合 Agent 的交互方式

在确定最终方案前,我们探索了多种 Agent 的产品形态,希望找到既能体现多人协作,又能降低用户理解成本的交互方式。

1. 画布式 Agent

尝试把 Agent 放在画布、侧栏和独立工作区中,比较它们对创作起点、任务推进和团队理解的影响。

Agent Teams 不同交互方案探索

2. 传统的Agent Chat

其实这是现在普遍产品的形态,但会更像planner和用户的对话,但多个 Agent 的协作关系不够清晰。

Agent Teams 头脑风暴过程界面
Agent Teams 剧本生成过程界面
Agent Teams 情绪板生成过程界面
Agent Teams 分镜生成过程界面
Agent Teams 最终结果预览界面

最终方案:群聊式 Agent Team

最终,我们结合两种方案的优点,将 Multi-Agent 设计为群聊协作体验,让用户既能感受到真实团队协作,又能自然参与整个创作过程。

Agent Teams 群聊式协作界面

Design Goal

设计目标:把复杂 Agent 协作变成易懂的创作体验

  • 让多Agent的协作更容易理解:把复杂的 Multi-Agent 协作过程,设计成用户熟悉的群聊体验。
  • 用户能看得到创作过程:用户不仅能看到最终结果,也能实时了解团队的工作进度。
  • 让用户随时参与协作:用户可以在任何阶段补充需求、指定 Agent 或修改产物,让创作更像与真实团队协作。
Agent Teams 设计目标展示

Homepage

首页:降低创作门槛,快速开始创作

首页是用户进入 Agent Team 的第一步,我们希望用户能够快速表达想法、了解产品能力,并自然感知这是一个多 Agent 协作产品。
Agent Teams 首页快速创作入口界面

简单的输入框承载所有创作入口

首页输入框不仅用于描述想法,也承接了素材、角色和 Agent 的引用能力。用户可以通过 + 添加附件或资产, 通过 @ 指定角色和 Agent,让创作从一开始就带着明确的参考和协作对象。

Agent Teams 输入框附件和资产引用菜单
Agent Teams 输入框资产库选择界面

通过创作灵感推荐,降低上手门槛

通过创作类型和 Prompt 推荐,引导用户快速找到创作方向,并了解 Agent Team 的能力边界。

Agent Teams 首页创作灵感和 Prompt 推荐

外露Agent能力来建立产品认知

首页展示热门 Agent 和人才市场入口,让用户自然感知这是一个多 Agent 协作的创作产品。

Agent Teams 首页热门 Agent 推荐卡片

Talent Market

人才市场:帮助用户快速找到合适的Agent

用户可以通过 Agent 卡片和 Skill 卡片了解不同创作能力,并直接选择多个 Agent 发起群聊,快速组建自己的创作团队。
Agent Teams 人才市场界面

Agent 形象:让不同角色更容易被识别

为不同 Agent 设计统一风格的头像体系,并通过 Prompt + 参考图规范控制生成结果,让导演、编剧、美术、剪辑等角色在视觉上更容易被识别,也强化了“创作团队”的产品心智。

Agent Teams 不同角色头像体系展示

Agent 卡片:用项目案例帮助用户判断

区别于传统 Agent 只展示名称和简介,我们在卡片中外露 Agent 参与过的项目和产出效果,让用户可以通过真实案例判断它的风格、能力和适用场景。

Agent Teams Agent 卡片项目案例展示
Agent Teams Agent 卡片头像和技能展示

一开始是只放了 Agent 头像、类别和信息,但其实创作 Agent 不能只看描述,是要看它实际产出的视觉结果。

弱化 Skill 管理入口

Skill 是对 Agent 的能力管理,对普通创作者来说理解成本较高。因此我们将 Skill 管理设计为弹窗,并放在较弱的二级入口中。

Agent Teams Skill 管理弹窗界面

发起群聊:从选择角色到开始协作

用户可以在人才市场中选择多个合适的 Agent,并直接发起群聊,让浏览、判断、组队自然过渡到正式创作。

Agent Teams 发起群聊邀请 Agent 界面

Process

流程:用群聊推进完整视频创作流程

进入对话区后,创作会按照视频生成链路逐步推进:从用户发起需求开始,经过问题澄清、组建队伍、剧本创作、角色生成、分镜图、分镜视频,最终合成为完整成片。
Agent Teams 群聊推进完整视频创作流程界面

澄清问题卡片:先补齐关键信息

在正式创作前,系统会通过问题卡片确认题材、风格、时长等信息,并根据需求匹配合适的 Agent 参与创作,让团队在开始前对创作方向达成一致。

分阶段生成:让复杂创作过程更清晰

将视频创作拆分为剧本、角色、分镜图、分镜视频和成片等阶段,每个阶段都有明确产物,帮助用户理解当前进度和下一步任务。

Agent Teams 剧本生成阶段界面
Agent Teams 角色生成阶段界面
Agent Teams 分镜生成阶段界面
Agent Teams 分镜视频生成阶段界面

Design Strategy

设计策略:把复杂流程转化成可理解的群聊体验

对话区不是单纯承载流程,而是把视频创作包装成一次团队协作。用户可以看到不同 Agent 在不同阶段参与创作,也能像和真实团队沟通一样,在过程中提出修改和反馈。
Agent Teams 设计策略群聊反馈界面

提高内容展示效率

传统 AI Chat 更适合短文本问答,但 Agent Team 需要承载剧本、角色、分镜图和视频等复杂产物。因此我将对话区设计得更宽,让内容卡片有更好的展示空间,也更贴近群聊协作工具的使用心智。

Agent Teams 内容展示效率对比说明

在消息展示上,同一 Agent 的连续发言会弱化重复头像和名称,减少视觉噪音;消息操作则收敛到气泡旁的 hover 浮层中,避免占用气泡下方空间,让对话流更连贯。

Agent Teams 消息展示和操作浮层设计

角色分工可见:让用户知道谁在参与创作

通过 Agent 头像、名称、职业标签和 @Agent 机制,让用户知道每个阶段由谁参与,也能直接指定某个 Agent 继续沟通。

Agent Teams 角色分工可见的群聊协作界面

同时在底部轻量展示当前活跃 Agent 的工作状态,让用户知道团队正在推进中,也是因为考虑到目标用户并不是专业 Agent 使用者。

Agent Teams 活跃状态展示前方案
Agent Teams 活跃状态展示后方案

核心创作流程 跑通率约 80%

带动平台 DAU 和创作活跃提升

Agent 编剧消息与操作界面

沉淀 D2C 对话组件 和产物卡片

Retrospective

项目复盘

这次项目让我意识到,Agent 产品的设计重点不是展示 AI 有多复杂,而是让用户自然地理解和使用这些能力。尤其在创作场景中,用户更关心的是“谁在帮我做、做到哪一步、我能不能改”,而不是底层 Agent 如何协作。

因此,我在设计中更关注如何通过群聊、角色分工、轻量状态和产物卡片,把复杂的 Multi-Agent 流程转化为用户可理解、可参与的创作体验。