互动课件与高性能渲染
WebApp 日加载量千万级，优化 Cocos 引擎加载和复杂互动题型生产链路。
Frontend Architecture / AI-native Engineering
从复杂前端系统，到 AI 协同工程与跨平台基础设施。
我长期负责复杂交互、协同编辑、工程质量和跨端渲染相关系统。经历从 WebApp 日加载量千万级的互动课件系统、大型广告平台工程化，延伸到 AI 协同编辑、Agent 工作流与 RaTeX 开源基础设施。
大型业务系统工程化
参与商业化广告平台，围绕复杂表单、测试覆盖和 E2E 规范提升交付稳定性。
AI 协同编辑与 Tech Lead
负责协同编辑、组件体系、AI 指令系统和 Agent 工作流的工程落地。
跨平台基础设施
构建 RaTeX 与 i18nflow，把业务问题沉淀为可复用的开发者基础设施。
11 年软件工程与前端架构经验
1k+RaTeX / langshift.dev GitHub Star
99.5%+RaTeX KaTeX 语法覆盖目标
90%核心模块单测覆盖率推进经验
Experience Timeline
从业务问题进入工程能力
每一段经历都对应一个能力台阶：场景变复杂，系统边界变深，协作对象从团队扩展到 AI，最终沉淀为可复用的工程方法。
2019.04 - 2021.09
猿辅导
复杂交互与高性能渲染
互动题型前端负责人负责学前至初中全段互动课件系统，覆盖动画、互动题型、Web 游戏和高复杂度渲染场景。这个阶段形成了对复杂前端状态、性能瓶颈和大规模内容生产链路的理解。
代表项目
- 互动课件系统
- Cocos 引擎性能优化
- 自动化工具链
关键成果
- WebApp 日加载量达千万级
- Cocos 首次加载从 10s 级压降至 0.5s 级
- 支撑 50 人产品团队及 200 人动效团队协作
CocosTypeScriptRxJSPerformance
2021.11 - 2023.03
快手
大型业务系统工程化
前端技术专家参与商业化核心广告平台研发，重点从业务交付转向工程质量、稳定性和大型团队协作效率，沉淀测试体系与 DevTools 工程规范。
代表项目
- 商业化广告平台
- 单元测试覆盖体系
- Playwright E2E 规范
- E2E 录制回放 POC
关键成果
- 核心模块单测覆盖率推进到 90%
- 建立 Playwright E2E 测试规范
- 系统性提升大型团队研发效率与稳定性
ReactTypeScriptJestPlaywright
2023.05 - 至今
碳阻迹
AI 协同编辑与 Tech Lead
前端负责人从前端负责人视角推进组件库、工程规范、协同编辑、AI 指令系统和 Agent 工作流，把团队建设、复杂前端和 AI 工程放进同一条交付链路。
代表项目
- Yjs + ProseMirror 协同编辑引擎
- AI 流式输出合并算法
- 结构化 Schema 指令系统
- Go Agent 工作流
关键成果
- 组件复用率提升约 40%
- 需求交付周期缩短约 1/3
- 用户手动排版修正时长减少约 60%
- 支撑 50+ 人实时协作架构压测
YjsProseMirrorCRDTGoLLM
Open Source
RaTeX / langshift.dev
跨平台基础设施与产品化能力
Creator / Full-stack Builder在工作之外持续构建开源项目：RaTeX 证明跨平台底层渲染抽象能力，langshift.dev 证明面向开发者学习产品的完整设计与实现能力。
代表项目
- RaTeX
- langshift.dev
关键成果
- RaTeX GitHub 1k+ Star
- Hacker News Top 5
- One Rust core 覆盖 iOS / Android / Flutter / Web / PNG / SVG / PDF
- langshift.dev GitHub 1k+ Star
RustParserDisplayListWASMMDX
长期思考
AI-native Architecture
AI 时代的软件工程判断
Engineering Thinking围绕 AI 友好架构、Domain-First、自包含代码结构、显式知识库和自动化测试持续形成判断，并在协同编辑与开源基础设施中实践。
代表项目
- AI 时代的软件架构文章
- Go-GenAI-Stack 实践方向
- 自动化测试与 AI 重构基座
关键成果
- 将 AI 视为工程协作者而不是单次工具调用
- 把显式知识、测试和领域边界作为 AI 工程基础设施
- 把项目复盘上升为可讨论的架构判断
Domain-FirstSelf-containedTestingAI Collaboration
Selected Work
代表性工程成果
这些项目覆盖 AI 协同编辑、跨平台公式渲染、工程质量治理和互动内容生产链路，分别对应不同阶段最关键的技术判断。
2023 - Now
AI 协同编辑与结构化报告生成
把 AI 流式输出纳入 ProseMirror Schema 和服务端 CRDT，而不是简单拼接字符串，让多人编辑、AI 生成和业务字段转换在同一套协同语义里工作。
YjsProseMirrorCRDTLLM
- 用户手动排版修正时长减少约 60%
- 支撑 50+ 人实时协作架构压测
- AI 输出以事务方式进入结构化编辑模型
Open Source
RaTeX 跨平台原生数学公式渲染
从业务中的公式渲染问题延伸出纯 Rust core：解析、排版、DisplayList 和平台桥接分层，输出到移动端、Flutter、Web、PNG、SVG 和 PDF。
RustParserDisplayListWASM
- GitHub 1.3k stars
- Hacker News Top 5
- 覆盖约 99.5% KaTeX 语法
2021 - 2023
大型广告平台工程质量治理
在快手商业化平台里，从复杂表单和业务联动切入，补齐 DevTool、单元测试、Playwright E2E 和录制回放 POC，降低大型团队协作中的回归成本。
ReactTypeScriptJestPlaywright
- 核心模块单测覆盖率推进到 90%
- 建立 Playwright E2E 测试规范
- 复杂路径可观察、可复现、可验证
2019 - 2021
互动课件生产链路与性能优化
把 Vue + Lottie 的一次性交付迁移到 Cocos 题型生产链路，让动效团队负责布局动画，技术团队沉淀可复用题型逻辑和自动化校验。
CocosTypeScriptRxJSPerformance
- WebApp 日加载量达千万级
- Cocos 首次加载从 10s 级压降至 0.5s 级
- 支撑 50 人产品团队及 200 人动效团队协作
Architecture Judgement
在 AI 时代继续成立的工程原则
这些判断来自协同编辑、开源渲染引擎和团队工程治理实践：领域建模、协作边界、自动化验证和跨端抽象，都会直接影响系统能否长期演进。
Domain-First
先把业务语义建模清楚，再让 UI、AI 输出、测试和协同状态围绕同一份领域结构展开。
AI as Collaborator
AI 不只是一次工具调用，而是系统里的协作者：它的输出需要边界、事务、回滚、冲突处理和验收标准。
Testing as Infrastructure
自动化测试、fixture、benchmark 和可视化 diff 是人与 AI 长期协作的基础设施，也是重构的护栏。
One Core, Many Surfaces
复杂能力尽量收敛到核心抽象，再通过绑定、协议或 DisplayList 分发到不同端和不同产品形态。
我更关注复杂系统如何被建模、验证和持续演进。
高性能交互、工程质量、AI 协同、跨平台渲染和团队建设，最终都要落到清晰的系统边界、可验证的结果和能被团队持续维护的方案里。