QIZHI DONG / GAZERRR

PORTFOLIO / 2026

INTER-
FACE.

MAKE IT USABLE.
让复杂的系统，变得可以被触摸。

我是一名专注于 AI 产品与交互界面的设计师。
I design interfaces and game worlds where agents, canvases and interaction details meet.

实践 / PRACTICE: Agent UI · Game Design · Interaction · Design System
作品 / SELECTED: 07 Projects · 2025—2026

01FLOVVAS画布式 Agent 工作空间Canvas · Agent
02NOUS 如是阅读与理解的桌面应用Reading · AI
03潜影 LATENT IMAGE1926 庄园 · 推理叙事游戏Godot · Narrative
04窃天机 LOOMAI 开放世界 · 组句战斗Concept · Worldbuilding
05ROBLOX EXP.双地图撤离体验原型Roblox · Multi-place
06FORM LABS三个微交互实验Motion · Components
07CTTK OFFICE可交互 3D 办公室Spatial · Three.js

01 / CANVAS FLOW — FLOVVAS

CAN-
VAS.

Flovvas 是一个以自由画布为工作现场、由 Agent 主动推进的思考空间。Card 保存内容与版本，Board 组织位置与关系，用户保持画布心流，Agent 只读取被明确选择的上下文。

Design is not decoration. It is part of defining what an idea can become.

Agent Workspace
Canvas UI
Next.js

Flovvas card editor — 完整 Card 预览 / FULL CARD01

Flovvas conversation modes — 临时对话 / TEMP CONVERSATION02

Flovvas detached agent — 分离 Agent / DETACHED AGENT03

画布是第一现场

Card 自由拖动、缩放平移、框选与撤销。Agent 面板可分离、可折叠，不抢走注意力。

Canvas first — the agent never takes the stage.

改之前先看见

完整 Card 预览 + 「继续当前对话 / 编辑此内容块」，执行方式「按规则执行」可见可控。

Preview before every change.

上下文只来自明确选择

临时对话继承画布已完成的上下文，关闭即删除，降低信息过载。

Explicit context, ephemeral chat.

02 / READING WORKSPACE — NOUS 如是 · V2

READ-
ING.

「如是」第二版：把阅读变成真正的理解。在原文旁边指认并提问，把理解讲出来接受检查；收件箱按「和你现在的关系」排序，陪看让视频与原文并排，概念页用遗忘条形提醒你回响。

Version 2 of Nous — read, point, explain, and come back before it fades.

Desktop App
Reading + AI
Local Claude Code

Nous v2 reading with margin notes — 阅读 · 指认 / READ + POINT — 在原文旁边提问01

Nous v2 watch along — 陪看 / WATCH ALONG04

Nous v2 concepts — 概念 / CONCEPTS · ECHO05

03 / NARRATIVE GAME — 潜影 LATENT IMAGE

LATENT
IMAGE.

《潜影》是一款第一人称 3D 推理叙事游戏：1926 年秋夜，侦探受邀来到奥瑞尔庄园，庄园主人死在自己反锁的暗房里。玩家在空间里取证，最后亲手冲洗出一张底片，看见凶手的脸。AI 让每位玩家拿到不同的线索与证词，真相却始终一致。

A first-person detective game where you develop the photograph yourself — and the culprit is who you least expect.

Godot 4.7
3D Level / Lighting
AI Narration
Producer · Writer · Director

Latent Image title card at Auriel Manor — 奥瑞尔庄园 · 片头 / AURIEL MANOR — TITLE01

Auriel Manor aerial — 庄园全景 / MANOR AERIAL02

Darkroom red light — 暗房红灯 / DARKROOM RED LIGHT03

Lighting study: guest room and darkroom — 光照研究 / LIGHTING STUDY — 客房与暗房04

In-game guest room with HUD — 客房取证 / GUEST ROOM — IN-GAME05

04 / WORLDBUILDING — 窃天机 HEAVEN'S LOOM

HEAV-
EN'S LOOM.

一座悬于云海之上的环城，由会改写规则的织机「律机」维持秩序。玩家是无籍野匠，用「签」黑入偃人的心匣、组句改写它们的行为。这是为「完全由 AI 程序化生成 / 运行的开放世界」课题做的世界观、玩法与概念图，目前处于概念与白盒阶段。

Concept stage: a cloud-city ruled by a rule-rewriting loom, where sentences are weapons.

Worldbuilding
Concept Art
Whitebox Design
First-person Action

Heaven's Loom harbor concept — 星槎港 / STARBOAT HARBOR — CONCEPT01

Sentence-building combat concept — 观丝组句 / SENTENCE-BUILDING COMBAT02

Ring city overview map — 环城总览 / RING CITY OVERVIEW — MAP REFERENCE04

05 / MULTI-PLACE EXPERIENCE — ROBLOX

EXTRAC-
TION.

一个 Roblox 双地图体验原型：在营地与荒野之间整备出发，进入迷宫探险、搜刮并撤离，再带着战利品回到营地结算。工程按 place 拆成三条并行交付线，共享协议与玩法数据独立成包。

A two-place Roblox prototype: prepare, descend into the maze, loot, extract, and return.

Roblox
Rojo + Wally
Multi-place
Game Loop

Maze scene mock — 迷宫场景概念 / MAZE SCENE MOCK01

Run · 营地与荒野

营地、荒野、迷宫入口与结算交接，玩家从这里出发并回到这里。

places/run — camp, wilderness, handoff.

Maze · 迷宫探险

迷宫探险、搜刮、撤离，再返回 Run 地图完成结算。

places/maze — expedition, loot, extraction.

Shared · 共享协议

共享枚举、网络与工具，玩法数据与 UI 辅助各自成包，跨地图交接单独一条线。

packages/shared · gameplay · ui

06 / INTERACTION STUDIES — FORM LABS

MICRO-
MOTION.

三个独立的交互实验：Light Lab（光随指针）、Elastic Lab（边界回弹）、Number Lab（数字过渡）。每个都有可调参数、可复制的接入代码，把手感变成可交付的组件。另有 Forma Canvas：在浏览器里拼装 Material 风格界面的可视化编辑器，右侧是它导出的 weekend 旅行应用。

Feel is a spec. Each lab ships tunable parameters and a copy-paste component.