SYS_STATUS // 12_YEARS_EXPERIENCE

BRUCE TOO.

大前端 // AI Full Stack // Team Lead

  • • To C:主导过抖音生活服务商品卡、UC浏览器、豌豆荚等产品的核心架构设计;
  • • To B:深耕数据可视化、中后台数据管理系统以及大前端基建体系;
  • • Now: 推动AI、Agent业务赋能,落地AI Coding研发范式的升级转型
AI_CODING AGENT_ARCH FULL_STACK TEAM_LEADER
SCROLL_DOWN
SYS_MANIFESTO // 01

ARCHITECTING
INTELLIGENT
FLOWS.

【架构统筹与全栈开发】: 拥有 12 年以上研发及工程管理经验,技术栈覆盖 Android、前端、Node.js、Python 及数据可视化引擎。负责过抖音、豌豆荚、UC 浏览器等多条业务线的架构设计与基础设施建设;具备丰富的跨部门团队协作与技术梯队管理经验。

【前端基建与开源实践】: 专注于前端渲染性能优化,曾主导超大体量 Canvas 交互表格引擎的从零构建并将其开源(S2项目)。通过架构层面的复用有效缩短了端侧研发周期,并持有数项计算机领域国家核心技术发明专利。

【研发效能与 AI 工具链】: 紧跟大语言模型应用趋势,在团队内主导落地智能化开发实践。通过引入 Multi-Agent (RAG, MCP, LangGraph) 等技术链路,将 AI 能力融入 DevOps 流程中,显著提升了团队的代码生成比例并降低了日常排障成本。

SENIORITY 12+ YEARS EXP
CONTACT EMAIL brucetoo14@gmail.com
X (TWITTER) x.com/brucetoo
PROFILE_DATA.EXE
Bruce Too(涂勇)
大前端工程师 / AI全栈工程师/ 团队Leader
ByteDance (Ex: Alibaba / NetEase)
AI_Expert Frontend_Arch Android_Native Node Python
> INIT_CORE_MODULES...
> STATUS: ONLINE [OK]
> LOADING_ARCH_PATTERNS...
> DONE.
SYSTEM_LOG // 02

Work_Experience

大前端研发负责人 / 研发专家
字节跳动 // 抖音生活服务 (B端商业线 & C端)
2021.5 - PRESENT

[B端] 智能化开发工具链落地 (Vibe Coding):为提升产研团队的编码效率,牵头落地了分场景的 AI 辅助开发方案:针对常规需求(<=3d),制定 SDD 配置规范(Rules、Agent.md 以及 MCP),引入 Trae 和 Cursor 提供 AI 辅助编码;针对高复杂度重构(>3d),建立基于 Claude Code CLI 的协作开发标准;对于线上异常排查及微小需求(<=1d),依托内部平台建立自动化分析与修复链路。推动团队AI使用覆盖率达到 100%,整体 AI 代码贡献率提升至 28.83%,线上异常的自动化修复采纳率约 50%。

[B端] 智能客服与 RAG 知识检索系统:基于 Python 生态 及 LLM 接口,主导研发与飞书系统集成的智能答疑助手。系统自动采集历史客服对话构建私有知识库,结合 RAG 架构实现对用户技术反馈的自动分类与解答。底层系统基于 Docker 容器化部署,具备容灾稳定特性;大幅降低了值班排障的人力成本,当前人工替代与采纳率达 62% 以上,该方案已复用于其他三大内部业务的日常答疑流程。

[B端] HITL架构演进与业务落地:主导抖音B端业务的 AI 能力系统性探索,覆盖 Slidebar(侧边栏), Inline(内联), Popup(弹层), ChatBox(聊天框) 等四个形态,在 5 个不同业务线的 14 个功能场景中完成落地。技术演进从单指令调用(API/Prompt)、到Workflow固定范式,再到标准化 Agent (如通过模型辅助表单生成),并逐步迭代至“多智能体协同”(Multi-Agent)阶段。目前采用 LangGraph、CopilotKit 及 MCP 协议构建交互,结合 Human-in-the-Loop 策略解决复杂搜索结果,标签推荐到应用等闭环业务场景。

[C端] 跨端组件化与性能协同治理:面对商品卡开发常涉及跨引擎(Lynx/H5)、跨角色沟通导致交付周期较长的痛点,推进了团队内“所见即所得”开发工具链的建设。通过封装跨端渲染 SDK 与动态微组件,将单个商卡的交付周期由原来的 2周+ 缩短至 3天。同步主导业务呈现的性能评估,引入 Three.js 提升部分视图动效,A/B 实验显示支付环节转化率提升约 24.5%;建立商卡用户的精细化埋点机制,配合“热区可视化”系统定量指导布局调整,提升了特定转化按钮的有效点击量。

AI Copilot LLM / RAG Multi-Agent LangGraph Team Manager Claude Code Python Docker
大前端开发专家/TEAM_LEADER
阿里巴巴 & 蚂蚁集团 // UC浏览器 & 豌豆荚 / 体验技术部
2016.06 - 2021.05

[数据技术] S2 开源多维表格组件:主导研发高性能多维交叉渲染表格引擎“S2”。为解决传统 DOM 在渲染大规模包含复杂交互的单元格时的性能瓶颈,组件底层采用 Canvas 进行自主绘制优化。该方案能支持百万级别数据集的平滑滚动与快速呈现,目前已作为内部核心业务大盘的标准组件,并向开源社区开放。

[UC端侧基建] 客户端安全与稳定性保障:参与 Android 客户端底层架构优化,治理并升级了主进程的生命周期管理与保活推送通道机制。规范应用后台行为特征与拦截规则,在提升 App 驻留率的同时保障了安全稳定性;通过合理授权链路引导,使核心系统权限首次授权率达到 70%,为业务消息推送抵达率提供了底层支持。

Canvas 引擎 Android 进程保活 S2 数据开源
Android 高级开发工程师
网易互娱 // 网易CC
2014.06 - 2016.06

参与网易 CC 语音与直播平台客户端核心模块的研发。针对直播间高并发互动场景,优化了客户端 IM 通信序列的接收及渲染机制,解决海量弹幕及礼物消息带来的主线程丢帧问题。同时配合音视频团队完成了推流与多端连麦的底层组件化架构对接,保障了多场大型电竞及泛娱乐直播活动的高可用与稳定连通。

Android SDK 直播/推流 IM 系统
SKILLS_MATRIX // 03

Technical_Arsenal

🧠 AI Native & Agentic
Multi-Agent / LangGraph 协同编排
Vibe Coding 矩阵 (Trae/Antigravity/Claude Code)
Python 生态 / MCP / RAG / Skills / A2A / AG-UI
Copilot Kit Claude CLI
💻 Frontend Enginee
React / Node.js / 组件化中台体系
WebGL / Three.js 核心渲染与数据视效
大前端工具链底座 (H5 引擎适配 / SDK)
Canvas / S2 微前端
Core Architecture
跨端重型矩阵体系架构 (RN / Lynx)
Docker 容器生态与高并发 CI/CD 编排
Android Native 基建及 APM 高效预警
High_Concurrency AIOps
INNOVATION_LAB // 04

Self-Developed Tools & Projects

01_PLATFORM IDE_CLI
OPEN_SOURCE

visual-agentic-dev ↗

基于本地开发页面的沉浸式浏览器端编程辅助工具。通过集成大语言模型(如 Claude Code CLI),实现与浏览器调试环境的深度连接。开发者可以在控制台直接定位 DOM 元素并输入修改需求,工具将协助自动定位源码文件并生成补丁更新代码。

Agent Code IDE Extension DOM Sync
> IMPACT_METRIC: AI CODE CONTRIB AT 28.8%
02_OSS WEB_ENGINE
PUBLIC

多维分析系统 S2 ↗

基于 WebGL / Canvas 绘制的高性能前端多维表格分析组件,用于解决传统 DOM 方案在渲染重型行列数据集时的卡顿问题。该引擎通过空间索引和虚拟视窗渲染机制,实现了对海量单元格数据渲染与独立交互事件的支持,已被多个企业级商业数据大盘集成使用。

S2 Engine Demonstration
Canvas Core Open Source
03_SKILL_PACK AI_IDE_EXT
OPEN_ECOSYSTEM

AI插件工具 D2C-Skills

专为AI IDE(如 Trae, Cursor, Antigravity)打造的智能 Design-to-Code (D2C) 解决方案(可复用skills)。它致力于打破传统前端研发链路中的工具壁垒,将设计稿转代码的能力深度集成至 IDE 内,构建“即生成、即预览、即验收”的研发闭环,从而显著降低上下文切换成本,提升研发效能。

AI_IDE Plugins Design-to-Code Code Generation
04_KNOWLEDGE AI_PRODUCT
INTERNAL_TOOL

NotebookLM 增强版

参考 Google NotebookLM 产品的个人文档摘要及检索系统。结合 LLM 与 RAG 技术实现对多种长文本格式的处理;提供针对个人内容的语义检索功能,并附带将文档碎片自动归纳为大纲节点及基础信息图表的能力,辅助提升长文档的阅读及归纳效率。

NotebookLM Enhanced Demonstration
Deep RAG Knowledge Flashcards Auto Infographic
INITIATE_UP_LINK // 05

CONTACT NODE

AWAITING_EXTERNAL_HANDSHAKE_PACKETS

SEND_EMAIL ACCESS_GITHUB
×