让AI写前端页面的，大概都见过这种场面：一个弹窗，明明有原生 dialog 可用，它手写遮罩层加一堆事件监听；一个输入框，一行 CSS 就能随内容自动长高，它拉进来一个依赖。代码能跑，但满身都是几年前的写法。Chrome 自己的评测：前沿模型的代码通得过“感觉检查”，边缘情况挂掉四成以上。AI实验室
Chrome 的说法不太客气：放着不管，agent 会为了浏览器现在几行就能干的事，写上一百行老 JavaScript。模型不是不知道这些 API，是训练数据里堆着太多遗留代码，让它默认不这么写。AI实验室永亮说AI马架构实录
解法是把这堂课做成文件。11 月 10 日，GoogleChrome 团队正式发布 modern-web-guidance v1.0.0。README 标着 250 项现代 Web 特性实践，由 Chrome、Edge、Firefox、MDN 四大浏览器阵营联合社区维护。到 11 月 13 日，它在 GitHub Trending 日榜排到第 1 位，累计 star 超过 3,000。永亮说AI马架构实录AI实验室杨泼
形态不复杂：一个仓库加一堆按场景切好的短文件，一条 npx 命令装进 Claude Code、Cursor、Codex、Copilot 这类编程助手。任务触发后，agent 先用 search 在本地离线检索，命中了再用 retrieve 把指南全文注入上下文。它还能用 legacy-scan 扫存量代码里的旧写法。AI实验室永亮说AI马架构实录
效果有一个可看的数字：官方评测面板 11 月 8 日的批次里，装了指引的 agent 通过 88% 的自动检查，没装的通过 56%。这是官方自己任务集上的结果，不能直接推到你我的项目上，但至少说明，“模型知道”和“模型默认会用”之间的距离，是可以用一份可安装的文件补上的。马架构实录杨泼
而且不止 Chrome 一家。11 月 8 日到 14 日这一周，GitHub 热榜上大厂官方仓库占了 32 个席位，OpenAI 的 codex-security、Cloudflare 的 security-audit-skill、阿里的 open-code-review，还有 Google 和 Anthropic 的 skills 仓库，都在做同一件事：把人写好的规矩，做成 AI 读得进去的文件。浏览器厂商只是这回下场最显眼的。马架构实录
写前端、常让 AI 改页面的人值得试，它补的正是模型最容易写旧的那一块。纯后端可以先放着，指南自己就列了不触发场景：SQL、Docker、Python、Go 之类都不归它管。也别指望装上就再也不出老代码，官方刻意没做一键修复，就是怕改完表面干净、行为悄悄变了；它只给规范、不负责验证页面，想让 agent 自己打开浏览器测，得另配 Chrome DevTools for agents。永亮说AIAI实验室马架构实录
