图纸目录 — 全套

  1. 00首页Home
  2. 01关于About
    1. 01 关于我
    2. 01.1 爱好
  3. 02项目Projects
    1. 02 全部项目
    2. 02.1 i-Share
    3. 02.2 MV 制作流程
    4. 02.3 清洁管理系统
  4. 03MV 作品MV works
    1. 03 音乐视频
    2. 03.1 游乐场
  5. 04工坊Workshop
    1. 04.1 工作台
    2. 04.2 工具箱
  6. 05简历Resume
  7. 06联系Contact

中 EN

进门

00 — 首页 — 工作室竣工图

00总平面布置工作室 · 竣工

一个戴兜帽的人,穿白色机能外套,耳机压在兜帽外,下半张脸戴着面罩,伸出戴手套的双手;工作室的线稿浮在手掌上方。

图 01 — 建造者
3D 渲染 · ChatGPT 生成,脚本抠图

轴测 · 齐腰剖切 · 不按比例

造境 — 为自己搭建的空间

我用代码、Blender 脚本和 AI,搭建属于自己的空间。

马来西亚 槟城 · UTC+8
QA 测试工程师(实习)— Motorola Solutions,槟城, 2026 年 7 月 — 2026 年 12 月

修订日期
3df07592026-10-25Merge pull request #4 from teosam89/day-n…
项目
ZeroField
房间
12 × 16 × 5.2 u · 1 u = 55 cm
绘制
xiaozhengzzzzz
校对
Claude Code
槟城时间
--:--:-- UTC+8
构建
2026-10-24 · 3df0759
图号
00 / 06

01 — 关于

01关于谁在这里搭建

为自己搭建的空间

A总说明
  1. 1.

    我是 xiaozhengzzzzz,Teo Boon Shen。Quest International University 信息技术学士(荣誉)最后一学期在读,目前在马来西亚槟城的 Motorola Solutions 做 QA 测试工程师实习。

  2. 2.

    下班之后,我和 AI 一起搭建自己的空间:一间用 Blender 脚本建出来、在你的浏览器里实时渲染的深夜工作室,还有一支支用 Claude Code 导演的音乐视频。

  3. 3.

    这个网站就是这些空间的建造档案——图纸、记录和单据,全部是真的。

→ 简历→ 更多关于我

B明细表 — 建造者
编号项目说明
B-01称呼xiaozhengzzzzz
B-02方向QA 测试工程师(实习)
B-03现在QA 测试工程师(实习)— Motorola Solutions,槟城, 2026 年 7 月 — 2026 年 12 月
B-04学历信息技术学士(荣誉), Quest International University(奎斯特国际大学), 2023 — 2026 · 院长嘉许名单(Dean's List)— 2024 年 11 月、2025 年 4 月
B-05所在马来西亚 槟城 · UTC+8
B-06在钻研AI agent 工作流 · 测试自动化 · 用 AI 做音乐视频

02 — 项目

02项目构建记录

3 / 3

做过的东西

构建 02.1/zh/projects/i-share/

i-Share

和身边的人一起拼单

角色
独立开发
背景
毕业设计
范围
2025 — 2026
成果
跨平台手机应用

变更日志

  • 基于 GPS 的定位匹配,把住得近的拼单者连在一起
  • 拼单请求按距离标在 Google 地图上
  • 群聊、二维码到场验证和信用评分

依赖

  • Flutter
  • Dart
  • Firebase Authentication
  • Firestore
  • Google Maps API
看完整案例 →
构建 02.2/zh/projects/pipeline/

MV 制作流程

我做音乐视频背后的 AI 工作流

角色
独立
背景
Claude Code
范围
本站全部 MV
成果
4 个 skill · 1 个审片 agent

变更日志

  • 从定方向到出成片的 0 → 10 工作流,每一步都留下文件
  • 为难做的镜头写的 skill:会表演的文字、静图微动、分层人物
  • 交付前由审片 agent 和 Python 工具检查;每次出错都写回避坑记录

依赖

  • Claude Code
  • Remotion
  • three.js
  • Python
  • ffmpeg
  • ChatGPT
看完整案例 →
构建 02.3/zh/projects/cleaning/

清洁管理系统

一个团队 Web 应用——Vue.js + Spring Boot

角色
团队项目
背景
课程作业,2024
范围
项目负责人兼主力开发

变更日志

  • 系统架构和技术选型由我决定
  • Spring Boot REST API 加响应式 Vue.js 前端,完整的增删改查
  • 基于角色的权限控制、文件上传和图片验证

依赖

  • Vue.js
  • Spring Boot
  • Java
  • REST API
  • MySQL
看完整案例 →

03 — MV 作品

03制作音乐视频,2026

3 部作品 · 2026.10 — 2026.10

音乐视频

歌来自 Suno 和 Mureka,画来自 ChatGPT,成片用 Claude Code 写代码合成。视频不放在这里,每一支都链接到发布它的平台。

作品
差し戻し!
卷
03.A
版本
v16
日期
2026.10
TC 00:01:09:00 · 副歌

差し戻し!

驳回重审! · 歌词 MV

一个女孩的心里有一间恋爱审查科:理性一次次盖章驳回,冲动一次次盖章通过,吵了整整一夜。

时长
4:44
BPM
188
语言
JA
歌曲
Mureka
画面
ChatGPT
合成
Remotion
0:00

发布尚未

通过v16

作品
千行剑
卷
03.B
版本
v3
日期
2026.10

千行剑

千行之剑 · 歌词 MV

一只小小的剑灵,劈开一座被红色报错淹没的城市。

时长
3:31
BPM
160
语言
ZH
画面
ChatGPT
合成
Remotion, three.js
0:00
作品
才不是为你回答的!
卷
03.C
日期
2026.10

才不是为你回答的!

傲娇 AI 助手 · 歌词 MV

KOIBYTE 化身一个傲娇的 AI 助手,住在一套假的操作系统里,用 token 唱歌。

时长
3:29
BPM
160
语言
ZH
歌曲
Mureka
画面
ChatGPT
合成
Remotion, three.js
0:00

→ 全部作品

04 — 这个站怎么做的

04这个站怎么做的工具与方法

亲手搭建,AI 是我的团队

  1. 阶段 01

    Blender 脚本

    → 3D 房间

    每一面墙、每一盏灯、每一本书都由 Python 构建脚本摆放,在 Cycles 里烘焙光照,再流式载入 three.js。

  2. 阶段 02

    Claude Code

    → 代码和影片

    房间、这个网站和音乐视频,都是和 Claude Code 一起写出来的,每一步都经过审阅。

  3. 阶段 03

    ChatGPT

    → 画面

    首页的建造者和影片里的画面由 AI 生成,再用脚本抠图、摆放。

  4. 阶段 04

    Vite + TypeScript

    → 这些页面

    页面在构建时从同一份数据渲染成静态 HTML,房间读的也是这份数据,所以两边永远一致。

源代码公开github.com/teosam89/Samgerenboke ↗

→ 去工作台做一张你自己的图纸