Agent 工作台
资深前端 · 前端架构 · 上海
把约束讲清楚，再把 AI 应用 做进生产。
我近年主要做企业级 AI 相关前端：基于 Dify 二开的大模型平台、海外快递员助手、以及从 0 到 1 的 Agent 工作台。习惯先对齐约束与边界，再落方案；擅长 SSE / WebSocket 流式交互、App 内嵌 H5 与跨团队协作设计。
个人优势
更愿意把复杂系统拆成可交付的边界：平台二开、跨端接入、流式交互与工程化提速。
平台架构与二开治理
独立负责 Π 全部前端；用私有目录与路由接管隔离定制代码，落地发布审核、配额、工具与数据编排等企业能力。
跨团队方案设计
兔博士负责 H5 与代理层方案、起草 JSBridge 规范；语音输入与图片附件落地生产，新国家以桥接与配置为主接入。
复杂流式与实时交互
Agent 工作台落地实例状态与连接分离、REST / WebSocket 职责拆分、会话代际防竞态与流式渲染治理。
重点项目
从近期 AI 应用向前回顾：可交互演示、录屏与界面截图都在对应项目页。
代表项目 可交互演示
Agent 工作台
H5 + BFF
兔博士 · 海外快递员 AI 助手
整体技术方案主笔 · H5 + BFF 亲手实现
菲律宾 / 印尼 / 巴西 3 国上线
- 首国约 1 个月；后续每国约 1–2 周
- H5 + Next 代理 + JSBridge 方案；起草接入规范
- 语音输入与图片附件；原生 / 算法 / 业务由对应团队实现
Dify 二开
Π · 企业大模型平台
全部前端架构与研发 · Dify 1.4 二开
5 国部署 · 2025 年生产 0 事故
- Next 15→16 + Turbopack：开发启动约 70s→10s
- 发布审核、配额、工作流数据库节点、HTTP/Python 工具
- 私有目录隔离二开，上游骨架基本不动
过往项目
工作经历
时间线摘要；项目细节见上方卡片与分页面。
极兔速递 · 高级前端开发工程师（P6）
Π 平台、兔博士、MaoMaoClaw 的前端架构与研发；早期还参与过 AI 应用与物流系统前端。
上海微芒教育科技 · 前端工程师
天天跳绳 / 体智云教师系统 PC 与移动端（Vue / TypeScript）；Nuxt SSR 官网；Playwright 自动化测试架构。查看项目 →
上海鸣石投资 · Web 前端工程师
OEMS 实时交易前端与 Python / Flask 网关；gRPC → WebSocket 订阅，处理清理与大数据量渲染。
中科院安全可控信息技术产业化基地 · 软件开发工程师
服务器 BMC 带外管理 Web；独立负责 TC4600E 刀片外部监控界面与相关运维交互。查看项目 →
AMI · 软件工程师
BIOS、辅助工具与脚本；内部 CMS Web 系统维护。
核心技能
前端框架
TypeScript、React 19、Next.js 15 / 16、Vite；Vue 3、Nuxt SSR；App 内嵌 H5
状态与通信
Zustand、TanStack Query / Router、SWR、Pinia；SSE、WebSocket、JSBridge、BFF
渲染与工程化
markstream-react、Mermaid、ReactFlow、ECharts；Vite、Turbopack / webpack、Tailwind、Playwright、Docker
Agent 编程
熟练使用 Codex、Claude Code、Cursor、Pi 做 AI 辅助开发：从拆需求到规划任务、UI 实现、功能开发、测试、审查可以完整闭环利用 AI 能力协助解决。
操作系统
Linux：熟练使用 Omarchy、Ubuntu
开源（详见 GitHub）
- TranslateFlow：Chrome MV3 双语网页翻译扩展（整页 / 划词 / YouTube 字幕）。
- filevista：浏览器端文件预览组件，客户端渲染 PDF / Office / EPUB 等 20+ 格式。
- Twinny（约 3.6k ★）：为 VS Code AI 助手新增 ChatGPT 订阅 Provider（已合并）。
- fcitx5-vinput（591 ★）：Linux 下 Fcitx5 语音输入法；提交 17 个 PR 全部获合并，优化音频 / ASR 流式链路。
- Omarchy 插件：QOpen 资源启动器与 Workspaces 工作区管理（已上架社区市场）。
- lazy-project-search.nvim：Neovim 懒加载项目快速搜索插件。