跳到主内容
@wquguru
精选90WquGuru技巧与观点

X Web端重构:5人半年完成,AI工程实践详解

🎉 X 用 5 个工程师半年重做了整个Web端。

原文
发到 X
推荐理由

这是一份极具参考价值的 AI 辅助工程实战复盘,详细拆解了如何用 Agent 重构大型前端项目,特别是 AGENTS.md 规范和 anti-slop 插件的设计思路,值得所有做 AI 工程的团队收藏借鉴。

🎉 X 用 5 个工程师半年重做了整个Web端。

今天下午很多朋友发现 X 的 Web 端有了很大的变化,这是开将近六个月的工作成果。

5 个左右的工程师配合 coding agent,不到 6 个月做出了 http://x.com 新 Web 端的第一版,并且把三套旧服务合并成一套👇

每个数据中心省了一半机器,旧的 rweb SSR 关停直接删掉近 36,000 行代码。在网速慢+ 4 倍 CPU 降速的实验室测试里,打开从旧版 25 秒缩到 1.7 秒,快了 12.8 倍

这个最佳实践可以直接抄进我们自己的本地仓库:

第一,根目录放一个 AGENTS.md 文件定规矩

里面写明强制具名导出、禁用 barrel 文件、在信任边界校验外部数据、哪些测试值得写,并且要求 lint、类型检查和相关测试全过才能提交。

第二,在仓库里内置 25 个以上的 skill

把写 commit、开 PR 和堆叠 PR、做代码 review、盯 PR 过 CI、改依赖、加翻译、写 Relay(Meta 的 GraphQL 客户端框架)和路由全部做成标准动作,不用每次手敲长提示词。

第三,写专门抓 AI 坏习惯的静态检查插件

这一步中,用 oxlint(基于 Rust 的极速前端代码检查工具)写了自定义插件查业务规范,还专门写了一个 anti-slop 插件,直接在语法树层面拒绝 agent 最爱写的偷懒写法,比如连环类型断言、把参数标成 unknown、条件展开空对象。再配合 tsrs(TypeScript 编译器的 Rust 移植版),在 pre-commit 阶段强制跑格式化、lint 和类型检查,pre-push 阶段检查引用方包。AI 写出烂代码连本地提交都过不去。

第四,拿旧系统当可运行的规格说明

重构最适合发挥 agent 的能力,让 agent 去读旧服务器的行为,移植过来,写测试钉死。他们还写了 parity 脚本,伪装成已验证的 Googlebot 同时请求新旧两边,自动比对状态码、重定向、标题、OG 卡片和结构化数据。

主创工程师说,他们写代码的时间变少了,更多时间花在决定系统该做什么,然后去真实浏览器里验收。

更进一步:量化金融体系

看懂新闻只是起点——沿量化金融路径,把它变成能交付的工程能力

进入量化体系 →

相似阅读

关联信息,但可能不是同一事件