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

查看网站

项目介绍

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

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

Problems

  • AI 创作链路长,用户很难判断下一步该做什么
  • 不同创作角色混在同一个对话里,反馈不够清晰
  • 生成结果难以沉淀成可复用的项目流程

Solution

  • 把视频创作拆成角色、任务和阶段产物
  • 用 Agent 团队承接不同能力与协作关系
  • 通过群聊和项目流让过程可追踪、可复用

Results

  • 从单次生成升级为可持续推进的项目协作
  • 降低普通用户组织复杂创作流程的成本
  • 让 Agent 能力以更直观的团队方式被理解
解锁 Agent 团队邀请界面
Agent Teams 项目侧边栏与群聊界面
Agent Teams 首页推荐界面
Agent Teams 项目协作工作台
Agent 详情与技能信息界面
浏览器通知提醒设置界面
邀请 Agent 成员头像组件

My Role

我干了什么?

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

产品形态探索

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

Agent Teams 产品形态探索界面

协作体验设计

负责多人协作流程设计,包括组队、聊天、创作、交付等核心流程。

信息架构设计

负责首页、人才市场、聊天页等核心页面的交互和架构设计。

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 只展示名称和简介,我们在卡片中外露 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 活跃状态展示后方案

Retrospective

项目复盘

这次项目让我意识到,Agent 产品的设计重点不是展示 AI 有多复杂,而是让用户自然地理解和使用这些能力。

尤其在创作场景中,用户更关心的是“谁在帮我做、做到哪一步、我能不能改”,而不是底层 Agent 如何协作。

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