Busabase
品牌资产、双语宣传片与多端审核
Busabase 集中保存不同 Agent 的产出、提示词与任务背景，供后续任务取用。我设计并实现品牌页，制作双语发布视频，并设计手机和平板上的变更审核体验。
关键设计判断
跨 Agent 复用时，怎样保留内容依据？
- 设计依据
- Busabase 保存不同 Agent 的产出、提示词与任务背景，供后续任务取用。我的设计范围是多端审核、品牌页、发布视频与 Product Hunt 素材。
- 关键取舍
- 我将手机审核拆成字段核对与写入确认，平板保留列表上下文；为 Product Hunt 上架编排 Gallery，用图解讲清产品关系。
- 交付与验证
- 以多端界面、原始发布素材、可编辑分镜和逐帧审查记录，对照设计与交付结果。
产品逻辑
把不同 Agent 的产出，留给下一次工作
Busabase 集中保留不同 Agent 的产出、提示词与任务背景。换一个 Agent 时，可以从内容库取出所需材料，让后续工作接着已有内容进行。
内容来源 · Agent A
保留一份产出
将当前工作形成的内容存入统一位置。
内容来源 · Agent B
积累其他产出
来自其他 Agent 的内容也进入同一内容库。
Busabase · 共享内容
可被继续使用的内容库
把产出与复用所需的提示词、背景放在一起。
- 产出内容
- 提示词
- 任务背景
用户 · 选择材料
复制所需内容
按本次任务取出提示词和已有产出。
后续 Agent · 继续工作
带入下一个 Agent
以已有内容作为输入，继续处理下一步。
为 Product Hunt 上架设计 Gallery
我为 Busabase 的 Product Hunt 上架设计中英文 Gallery 与发布物料。这里选取五张，展示我对产品叙事、关系图解和系列排版的处理。
01上架首图
先建立定位，再给出具体任务
我把产品定位放在上方，用下面的一次 Agent 任务承接这句主张。指令、处理过程与产出在同一画面里接续，让首图同时回答“这是什么”和“可以怎么用”。
设计能力产品叙事与信息层级
02机制图解
把抽象关系，转成可读的结构
我分别用状态变化和中心连接两种构图讲机制：一张从分散的数据引向共享层，另一张用 Skill 连接 AirApp 与 Agent。角色按位置分组，连接关系交给图形表达。
设计能力复杂信息梳理与图解设计
从数据分散到共享
保留问题与结果的对应，让共享层的作用有一个清楚的起点。
以 Skill 连接使用角色
Skill 居中，两侧呈现应用与 Agent，让两种使用方式有共同的视觉中心。
03场景与接入
用具体场景，承接产品能力
我把内容生产和 Agent 接入分别展开：一张保留草稿字段与发布去向，一张将 Agent 和连接方式组织在一起。不同主题沿用统一的标题层级、卡片语言和留白，形成可以连续阅读的系列。
设计能力场景化表达与系列物料设计
内容生产场景
把能力放进一次内容工作流，交代输入、处理与去向。
Agent 接入说明
用一致的列表结构组织多种 Agent，让接入方式容易定位。
Product Hunt 上架 Gallery 节选 · 英文原始物料 · 图中应用与任务为场景示例 · 点击图片可放大
手机上，先核对字段再确认写入
我把手机审核组织为两个连续步骤：先核对修改字段，再确认是否写入。差异视图和请求详情各自承担一个步骤，操作保持在当前变更的上下文中。
审核时，直接核对改动字段
只看到变更摘要，还不足以判断是否合并。我将改动字段与新值集中呈现，保留当前变更的上下文，便于审核者逐项核对提交内容。
变更字段 · 局部放大 
批准并合并 · 原生主按钮局部放大
确认后，才写入工作区
Approve & Merge 用于确认写入，Request changes 用于提出修改要求。我把两个明确的动作分成主次，并单独放大批准按钮，突出“确认后才生效”的边界。
平板上保留列表与审核上下文
平板有更宽的浏览空间。我设计常驻导航与内容分栏，使收件箱、当前变更和审核操作在同一工作区中衔接，减少反复返回列表的操作。
把双语发布内容，维护在可编辑场景中
我负责发布片的叙事、分镜与产品演示，用 HyperFrames 组织成 16 个可编辑场景。中英文共享画面结构，字幕与节奏分别维护。
让演示与旁白对应
我将产品主张、Agent 使用关系和关键操作分开编排，让每段旁白对应当下展示的对象与状态。
双语内容独立调整
字幕、产品画面与转场保留为独立场景。中文与英文分别检查阅读时间，修改一段内容时，可以保留其他场景的结构。
把一次审片发现，变成明确的检查规则
AI 协助 HTML 与 GSAP 实现，我负责叙事、动效判断和最终验收。我用逐帧审查定位对象交接问题，将观察结果转成对象身份、可见窗口与落点三项检查要求，为后续修改提供明确依据。
原始审查观察 / 2026.08.21
- 同时可读窗口
- 101ms
- 关键观察时刻
- 8.307s
“At 8.307s the old App chip and the new App row are visibly separate.”两个位置同时出现同一对象，让“转化”被理解成“复制”。
修正与复核要求
- 01
飞行中保留一个身份图标
目标行可以先出现外壳与文字，图标暂时隐藏。
- 02
到达落点，再交接身份
源图标抵达目标坐标后，用一至两帧完成交接。
- 03
修改后逐帧复核
核对双重可见窗口、最终落点，并分别检查中英文时间线。
发布配套：品牌页与 Logo Kit
我设计并实现品牌页和 Logo Kit，将不同组合、适用场景与 SVG / PNG 下载入口整理在一起，让产品界面与发布物料都能选到对应版本。
横版反白
为深色背景保留清楚的品牌识别
堆叠组合
适配紧凑版面
独立图标
保留小尺寸识别