Hello.

欢迎进来看看。

FEI · AI 项目记录

最近,
我做了这些。

我在 LibTV 制作 AIGC 视频,也在 KOOZHEN 做 Studio 体验与公司网站。ChatGPT / Codex 参与设计、实现和验证,目标与取舍由我负责。

看看项目

亲手使用,清楚取舍,持续验证。

Portfolio

项目

01主案例创作工作流 × 产品 UX

从 LibTV 的
连线画布,
Studio
资源关系可视化。

我先在 LibTV 中完成脚本、设定、分镜与视频,再把创作中看见的依赖关系带进 Studio UX。从早期 Figma 概念到实际界面,设计与产品持续相互校正。

亲自创作

在真实创作里,
看见素材之间的依赖。

在《小洛的周末早餐》中,我使用不同 AI 模型完成脚本、角色与场景一致性设定、分镜和视频片段。连线让我能追溯每个结果从哪里来,也更容易判断修改会影响哪里。

我的角色独立创作者、产品体验者
LibTV · Canvas
《小洛的周末早餐》打开公开画布 ↗
《番茄鸡蛋面》成品短片
脚本、设定、分镜与视频片段均在 LibTV 工作流中完成。

产品场景

一个人,就能开始做游戏。

KOOZHEN Studio 是面向个人游戏创作的智能体工作台。创作者从一个想法开始,逐步形成可以运行、试玩和继续修改的游戏。

从使用到判断

我把创作中的观察,
转成三个界面决定。

  1. 让关系可见

    参考、资产和结果之间需要真实连接。修改之前,创作者应能看懂它会影响哪里。

  2. 把常用操作放在前面

    常用操作前置,低频控制收起。画布服务创作判断,不需要一次展示全部复杂度。

  3. 先让用户看到可玩的结果

    新手先描述想法并试玩;需要精细控制时,再展开资产、依赖与工作阶段。

两种使用方式

引导模式先给结果,
Pro 模式再展开控制。

KOOZHEN Studio · 引导模式
KOOZHEN Studio 引导模式实际界面,中央为可玩原型预览,右侧为素材栏可玩原型预览素材栏
实际产品 · 引导模式先描述、预览,再决定是否深入。
KOOZHEN Studio · Pro 模式
KOOZHEN Studio Pro 模式实际界面,素材通过连线连接到可玩原型素材连线可玩原型
实际产品 · Pro 模式查看素材、依赖和可玩结果。

Figma 演进

同一个 Figma 文件,
从概念走到细化。

我先画出 Studio Canvas 的简化结构;随着工作流演进,在同一文件中继续补全模式、页面与状态,并用 Codex 的 Figma 插件协助整理。

Studio Canvas 早期 Figma 概念图
早期概念 · Figma先把节点、连接和创作结果之间的关系画清楚。

两张详细帧依据当时产品补全,属于后续迭代记录,不被包装成最初交付稿。

从设计到产品

设计进入产品后,
我继续用实际项目验收。

我负责产品判断、UX/Figma、需求定义与验收;工程师负责源码打包。我借助 Codex 继续实现、定位问题,并用真实项目检查操作是否连贯。

我的判断
模式划分、信息层级、使用路径与验收
Codex 参与
读取现有实现、协助改动、排查与回归检查
KOOZHEN Studio 实际运行界面,显示创作计划、预览区与素材轨
实际运行界面 · KOOZHEN Studio公开测试项目,当时开发状态。

落地与复盘

已落地、已定位、仍需验证。

进入产品

引导 / Pro 模式、画布工具重排、项目文件回填与可玩预览链路。

一次具体诊断

“生成文件没有出现在画布”最终定位到项目目录与索引链路,而不只是显示问题。

仍需验证

真实用户效率、跨素材一致性与更长周期的创作行为。

02次案例信息架构 × 网站设计

为初创团队
重做官网。
讲清产品,
用作品建立信任。

初版由领导完成。我重新梳理信息架构与视觉,制作图片素材,并与 Codex 协作完成页面实现和跨设备验收。

Before + After

同一屏内容,
升级前后差在哪里?

旧版先给出宏大表达;升级后先说明身份,再用作品证据和明确的合作入口帮助访客继续判断。

KOOZHEN 官网升级版首屏
KOOZHEN 官网初版首屏
BEFOREAFTER

HOW I WORK WITH AI

我把 ChatGPT / Codex
放进工作流,
判断仍由我负责。

AI 进入思路、Figma、代码和验证;目标、约束、取舍与最终判断仍由我负责。

  1. 01
    从真实问题开始

    先亲手使用产品,找到具体阻力,再确定目标和公开边界。

  2. 02
    把判断做进设计

    我在 Figma 定义信息层级与交互;Codex 插件协助读取现有界面、补全状态和映射实现。

  3. 03
    让 Codex 进入实现

    给出约束与验收标准,让它阅读项目、修改代码、定位错误并运行检查。

  4. 04
    回到界面继续修正

    我逐轮体验产品,指出偏差,判断哪些已经完成、哪些仍需验证。

一个真实任务

“生成项目文件未出现在画布”看似是 UI 问题。与 Codex 协作排查后,问题落到项目目录和索引链路;修复后再用项目回填与预览行为验证。

ABOUT FEI

我喜欢从亲手试过的事情里,
找到值得重新设计的地方。