画布 · 设计说明

对话下指令,画布留产物

Agent 画布和工作台不是同一套。工作台是人填空;画布是人跟 Agent 说话,选一条 Skill(也就是一条流程),由它按步骤在无限画布上落下产物。

01

版面

桌面左对话、右画布。对话是控制面,画布是展示面,和模板墙「左分类右封面」同一条原则。手机把画布放上面、对话框贴底,因为先要看见产物,再继续说。

桌面

对话 · 22rem
无限画布

手机

画布
对话框
  • 顶栏不属于画布:工作台 / Agent 画布、昼夜,始终在上面。
  • 画布空白时居中一句空状态,不放假节点。
  • 缩放控件浮在画布右下,不进对话框。

02

对话框

对话框从上到下是:身份 → 记录 → 工具 → 输入。工具永远贴底,记录可滚。不要把模型和 Skill 塞进消息气泡里。

  1. 01 身份:出图 Agent,副标题是当前两个模型,跑起来改成正在走的 Skill 名。
  2. 02 记录:用户右对齐抬起底,Agent 左对齐、不加气泡。
  3. 03 工具:已装 Skill、安装入口、图模型、视频模型。
  4. 04 输入:一句话。Enter 发送,Shift+Enter 换行。

03

图和视频各一个选择器

对话框永远有两个模型槽:图、视频。不随 Skill 增减。Skill 不用声明自己要哪种模型,步骤跑到出图就取图模型,跑到出视频就取视频模型。

名单
Imagine / Pro / 纸感。不出视频模型。
视频Imagine Video / 高清。不出图模型。

两套选择各自记住。只出图的 Skill 不会动视频槽,槽还在。节点上标这一步实际用了哪一个。

04

Skill 就是流程

没有「工作流」和「Skill」两套东西。Skill 就是一条流程。内置的预装好;目录里的要用户自己装,安装时填名称。选中哪一条,Agent 就按那条的步骤处理请求。

  • 对话框只列出已装实例,芯片上是用户起的名字。
  • 安装抽屉顶部上传 .zip 的标准 Skill 包,也可改选文件夹。
  • 内置目录仍可装。本地读到的出现在「本地」一组,安装时自己起名字。
  • 同一条流程可以装多次、起不同名字。
  • 至少留一条。卸到最后一条会按住。
  • Agent 开口时报 Skill 名;若和模板名不同,括号里补模板。

05

本地 Skill 目录

认的是通用的 Agent Skills 包,用 .zip 上传。Grok 本地也读同一套。一条 Skill 是一个文件夹,至少有 SKILL.md,下面可以带 references/scripts/assets/

woodblock-night.zip
  woodblock-night/
    SKILL.md
    references/inks.md
    references/paper.md
    scripts/
    assets/

zip 里可以是单条 Skill,也可以一次打好几条。解压后只认 SKILL.md 及其目录下的附属文件。正文仍是给 Agent 的说明书;画布节点从步骤列表拆出来。跑的时候会把 reference / 脚本文件名写进第一格产物。

---
name: woodblock-night
description: 按木刻套色流程出夜景静帧。用户提到木刻、套色、水印时用。
---

# 木刻夜景

1. 定刀法与纸色
2. 套三色
3. 出图

上传 .zip,或选择文件夹。也可先下示例包再传回来试。文件不离开浏览器。

06

从一句话到节点

  1. 01 选 Skill,确认图/视频两个模型(或点一句示例)。
  2. 02 发送。Agent 复述它将按哪条 Skill、用哪些模型。
  3. 03 画布按步骤长出节点。出图格标图模型,出视频格标视频模型。
  4. 04 图节点放静帧或字段;视频节点放静帧 + 播放钮 + 时长。
  5. 05 再说一句会重新铺图,不把两次跑混在一张画布上。

滚轮缩放、拖空白处平移、拖节点。这是示意,不接真模型。

打开画布工作台设计要点