# 2026-06

日志保留原始中文，所有工具与事件正文均完整呈现。

## 2026-06-30

工具: Remotion · TypeScript · Three.js · WebGL · Playwright · Vitest · Docker · F5-TTS · OpenAI · Git · npm · SSH · SCP

使用Remotion, Three.js, WebGL, Docker, F5-TTS, OpenAI等工具进行开发和测试

## 2026-06-29

工具: TypeScript · React · Three.js · Remotion · Chrome DevTools Protocol · Vercel · Cloudflare · GitHub Actions · Quartz · Puppeteer · Node.js · OpenCLI · scrcpy

主导完成 dom-webgl-workspace 公共 API 边界收紧（移除 Three.js 内部对象字段、优化类型、更新文档与测试），同时完成 Skédush 博客迁移至 Vercel、ai-video-studio 主站 Recipe 抽象及 ChatGPT Markdown 提取方案。

## 2026-06-28

工具: Puppeteer（浏览器自动化库） · Xvfb（虚拟帧缓冲） · Three.js（3D图形库） · WebGL（图形API） · Vite（构建工具） · Android SDK（安卓开发工具） · uiautomator2（安卓自动化库） · scrcpy（屏幕投射工具） · JDK（Java开发工具包） · Chrome（浏览器） · Chromium（开源浏览器）

修复WebGL嵌套子target的多层runtime语义缺陷（surface绘制、hideMode、renderRole、depthTest等），但浏览器画面仍未显示。

## 2026-06-27

工具: TypeScript · Three.js · Vitest · Playwright · GSAP · Node.js · React · Puppeteer · Xvfb · Mise · OpenCLI · npm · F5-TTS

修复了Three.js渲染流水线，完成本地AI模型F5-TTS的调用测试

## 2026-06-26

工具: SQLite · Python · Three.js · Canvas2D · ffmpeg · cwebp · TypeScript · npm · git · React · WebGL

在 dom-webgl-workspace 中成功移植 ReactBits Ghost Cursor 效果并通过验证合并，同时制定 visual capability API 计划。

## 2026-06-25

工具: TypeScript, React, WebGL, GSAP, Lenis, Playwright, Vitest, Vite, Docker, Next.js, Remotion, Bash, Python, Git, SSH, SQLite, npm

dom-webgl-workspace 完成 pinned scroll effect consumer API 并提交 6d3879a；ai-video-studio product-ui-upload-loop 所有服务器端和客户端绑定代码完成，仅浏览器预览 QA 阻塞。

## 2026-06-24

工具: TypeScript · React · Three.js · WebGL · Chrome DevTools · ego-browser (Chromium) · npm · Playwright MCP

完成了 effect params 类型安全桥接、createInitialPointerState 导出、mountMargin 死代码修复和 syncFrame 远距 target 跳过优化，验证全部通过并提交

## 2026-06-23

工具: Docker / Docker Compose（部署 AI Video Studio prod，含 GPU overlay、代理配置） · F5-TTS（真实模式 vs mock 模式切换、CUDA 挂载、health check 验证） · Remotion Studio（预览 fixture 编写、composition 时长调整） · WebGL（effect 渲染管线，surfaceFill / surfacePulse 修复） · React（DOM content wrapper 稳定 layering） · Vitest / Playwright（TDD 测试用例编写与视觉验证） · Vite（monorepo 构建） · TypeScript（类型检查） · npm（monorepo 包管理） · Homebrew（opencode 升级） · Git（跨仓库提交管理） · OpenCode（dom-webgl-workspace 与 ai-video-studio 两个工作会话）

修复 dom-webgl-workspace 中 React DOM 层与 WebGL canvas 的层级问题，通过 TDD 流程确认真实 DOM 始终在 WebGL 之上。

## 2026-06-22

工具: TypeScript（dom-webgl-runtime 核心、scroll-adapters 接口、demo 接入层、ai-video-studio schema/planner/compiler） · React（demo 组件、apps/example、WebGLTarget 声明式 API） · Lenis（平滑滚动核心，demo 接入层使用） · GSAP（ticker 驱动帧循环） · ScrollTrigger（position/bridge 集成） · Remotion（product-ui-zoom 场景渲染、still 导出） · Vite（demo 和 example 构建/开发服务器） · WebGL（dom-webgl-runtime 渲染管线、scroll driver 集成） · Node.js（测试运行、构建脚本） · DeepSeek（planner 提示词、recipe hint 指导） · Docker（ai-video-studio F5 容器） · Next.js（ai-video-studio 路由层）

dom-webgl-workspace 完成第三方滚动适配层架构并接入 demo（Lenis + GSAP ticker + ScrollTrigger），修复 StrictMode 导致 Lenis 实例被销毁的 bug，同时完成超 70 文件/379 测试的全量验证；ai-video-studio 完成 Phase 4 收尾及 Phase 4.5 Recipe Coverage Expansion（technical-explainer 扩展到 9 个 recipe），Phase 5 v1 product-ui-zoom 落地。

## 2026-06-21

工具: TypeScript（两项目），Three.js，CanvasTexture · Vitest（TDD 核心工具，两项目），Vite（构建与开发服务） · React（组件封装 ScrollZoomImage、WebGLTarget 适配器） · Remotion（RecipeShowcasePreview 6 场景编排，转场系统，visual blocks 抽取） · Docker（ai-video-studio Docked-first 验证） · Playwright（dom-webgl-workspace 视觉确认） · DeepSeek JSON-mode（ai-video-studio 数据生成）

dom-webgl-workspace 完成 offscreen WebGL 资源策略（三层策略、TTL eviction、DOM fallback 恢复），ai-video-studio 完成 Phase 2 visual blocks 抽取与 timing 层收口。

## 2026-06-20

工具: TypeScript（类型检查与类型安全） · Python（数据处理与测试） · React（组件化 UI） · WebGL（3D 渲染） · Vite（前端构建） · npm（包管理与测试命令） · Git（版本控制与提交） · JSON（数据交换格式） · three.js（3D 库与 GLB 加载）

完成 dom-webgl-workspace 包边界清理及 GLB 粒子效果 demo，vibe-journal-pipeline 输出格式迁移至 JSON。

## 2026-06-19

工具: TypeScript、Three.js、React、Vitest、Vite、cron、Shell、DeepSeek（ai-provider）

dom-webgl-workspace 完成 Phase 7 插件化架构重构，effect 全部改为 built-in plugin；ai-video-studio 引入 StoryboardPlanDraft 两段式编译方案解决 LLM 输出不稳定问题。

## 2026-06-18

工具: TypeScript, React, Next.js, Three.js, WebGL, Canvas, Docker, AI SDK, DeepSeek, F5-TTS, Zod, Playwright, Git, CSS, Node.js, Vitest, npm

在 ai-video-studio 中完成从 MiniMax 到 DeepSeek + F5-TTS 的 provider 迁移，并合并到 scene-graph-roadmap 分支，解决了 JSON mode 兼容性和 schema 修复。

## 2026-06-17

工具: TypeScript · React · Three.js · Zod · Next.js · Remotion · npm · Git · Prettier

dom-webgl-workspace Phase 3 Batch C 交付 render policy ordering 和 mixed sync/async render，ai-video-studio 完成 visual review still extraction。

## 2026-06-16

工具: TypeScript、Three.js、Vitest、jsdom、React、Vite、Git、npm、GitHub。

完成 WebGL Render Layer Contract 初稿，明确 DOM 层语义到五大 WebGL layer（background / content / media / model / overlay）的映射规则。

## 2026-06-15

工具: TypeScript、Three.js、React、Next.js、GSAP ScrollTrigger、Lenis、Vitest、npm

完成 WebGL runtime 大重构，移除全部旧 effect 体系并归档，重置为 base renderable-only 架构，新增 GLB 模型渲染支持和 effect contract type guard。

## 2026-06-14

工具: TypeScript、React、npm、Git、WebGL

确立 WebGL runtime 以 DOM 为唯一 truth source 的核心心智，完成从 effect 驱动的旧模型到 1:1 base renderable + effect 变形的架构迁移。

## 2026-06-13

工具: InputManager（统一采集 scroll / pointer / time / visibility / resize）、Next.js（前端框架）、Remotion（视频合成）、Docker（compose 启 studio）、CodeGraph（codegraph\_explore / codegraph\_node / codegraph\_search / codegraph\_callers）、TypeScript。

webgl-scroll 引擎 Phase 6 完成，data-webgl target 正式接入 ScrollTrigger bridge，各 effect 可按独立 scroll/input 信号驱动。

## 2026-06-12

工具: TypeScript 作为主力语言，React + Next.js 处理前端界面；Three.js 支撑 WebGL 粒子特效，Remotion 处理视频合成；Vitest 写单元测试，Playwright 做端到端 smoke；Docker + Docker Compose 封装 F5 TTS 服务；npm 管理依赖，GitHub Actions 驱动 npm 发包，Git 统筹多仓库协作。

ai-video-studio 完成结构重构 Phase 1-5 全量落地，staged generation 管道拆分为 pipeline/segment/assembly/diagnostics，TTS/F5 边界拆分，前端 hook 重构；同时 webgl-scroll 发布 0.3.1 并修复 React StrictMode duplicate 注册 P1。

## 2026-06-11

工具: WebGL 渲染栈（WebGL + GLSL）、TypeScript + React + Next.js 前端开发、Docker + NVIDIA Container Toolkit 容器化、FastAPI Python 服务、F5-TTS 语音合成框架、Remotion 视频合成、npm 包管理。

完成 glb-particles 基于 velocity 的 GPU 鼠标交互修复，并落地 F5-TTS 真实 GPU 模式合成服务，修复 .env 配置导致的声音输出"嘟"声问题。

## 2026-06-10

工具: TypeScript、React、Next.js、WebGL、npm（workspaces + 发布）、GitHub Actions、Git、Node.js。

完成 Phase 8 开源发布，新建 webgl-scroll monorepo 仓库并发布三个 npm 包（@webgl-scroll/core、@webgl-scroll/effects、@webgl-scroll/react），codex-web 已从本地 workspace 切换为消费已发布包，浏览器验收通过。

## 2026-06-09

工具: WebGL、GLSL Shader、GSAP、ScrollTrigger、Lenis、Next.js、React、npm、cURL、SSH。

完成 WebGL 视频视觉迭代，修复视频压扁 bug 并实现品牌色动态反色 shader；同时确立 Lenis + GSAP + WebGL 分层架构方案。

## 2026-06-08

工具: Three.js · GSAP + ScrollTrigger · Lenis · Canvas 2D API · React / TypeScript · npm / GitHub CLI

将 section 撞色分隔系统从多 canvas 迁移为单统一 Three.js WebGL canvas，完成 themeTransitionState 状态层与 WebGL 渲染层解耦，全量测试通过后推送至 GitHub 私有仓库。

## 2026-06-07

工具: React 18 + TypeScript + Vite + GSAP + Vitest + Playwright + ESLint 构建落地页；shadcn/ui + React Bits MCP 管理组件库；cloudflared 二进制 + systemd 配置 Tunnel 服务；Chrome DevTools + Codex Chrome Extension 测试浏览器自动化边界。

从零实现 codex-web premium matte 落地页，含 GSAP master pinned story timeline + 移动端降级 + 全面 QA 验收。

## 2026-06-06

工具: Next.js、React、TypeScript、Three.js、@react-three/drei（useGLTF）、Lenis、Shell、Git；GPT-5.5、GPT-5.4-mini、Codex。

新增 fleet profile 和 Kanban board，完善 u-hermes Fleet 工作流，添加带心跳汇报的 uhf-codex-run wrapper。

## 2026-06-05

工具: 本地代理调试 · WebGL 开发 · AI CLI · 容器 · 版本控制

mypc agent workstation 恢复完成，Hermes v0.15.1 + Codex 0.137.0 安装完毕；static-25d-hero 项目从 Rapier 物理场景重构为固定 recursive stela + 摄像机叙事，并推送 origin/main。

## 2026-06-04

工具: React Three Fiber、Three.js、TypeScript、Next.js、Tailwind CSS v4、GSAP。 · 此外进行了 mypc Ubuntu 工作站恢复

static-25d-hero 项目完成最终提交，WebGL 场景从 CSS Canvas 混合架构收敛至纯 Three.js Canvas（BgQuad + SlabMesh），实现分层视差与叙事滚动动画。

## 2026-06-03

工具: Hermes Agent · Python · TypeScript + Vite + GSAP · SQLite · HTML/CSS

落地了 vibe-journal-pipeline 多源 SQLite 读取（本地+SSH 远程统一聚合），同时把 2.5D hero 首屏从 6.5/10 视觉冲击提升到 8.5/10

## 2026-06-02

工具: ai-video-studio · vibe-journal-pipeline · UHF 多入口 · SOUL 文件优化 · session DB 探查 · Mac 本地对话

完成 ai-video-studio MiniMax provider 接入验收，同时在 ubuntu 上建立 vibe-journal-pipeline 单仓单脚本方案

## 2026-06-01

工具: Git/GitHub · TypeScript · CSS · Framer Motion · Remotion · Hermes

敲定 vibe-journal 上下游同步方案：上游用 LLM 控制输出格式（末尾 json 块声明技能）+ LLM self-review 软审核，下游纯脚本三层降级 + auto-register，最终确认上传 ai-video-studio 项目至 GitHub。

[内容目录](https://zzzxc.com/agent/zh/index.md)