Chrome 开源 Modern Web Guidance：203 条指南帮 Coding Agent 写现代 Web 代码

这套指南解决的问题是 Coding Agent 训练数据过时：模型会手写大段 TypeScript 去实现浏览器早已原生支持的特性。指南主题覆盖对话框与弹出层动画、表单自动填充、无障碍、性能（INP 与任务调度）、安全（HTML 清理、CSP、通行密钥）、隐私、PWA 和浏览器端侧 AI API。每条指南带 Baseline 兼容数据，可按项目的浏览器支持目标给出降级方案，默认按「广泛可用」处理。1.0 还加入对现有 HTML、CSS、JavaScript 和 package.json 的静态扫描，找出可稳妥替换的旧模式。

效果有对照数据支撑：Philip Walton 在 11 月 11 日的博文中写道，评测集上不带指南的 Agent 平均约通过 50% 检查，带指南后约 90%。使用方式是安装 Agent Skills（npx modern-web-guidance @latest install），或对现有代码库做 legacy-scan 审计。

Chrome 开源的「Modern Web Guidance」非常实用！ 因为 Coding Agent 的训练数据很可能是过时的，它会用自己编写一大段 TS 去实现一个浏览器新版本已经支持的新特性，虽然也糊出来了，但明显不是最佳实践，在维护迭代方面也都不是最好的。 Modern Web Guidance 这个现代 Web 指南，提供 203 条用例指南，覆盖 250 项现代 Web 特性，并按 CSS 与布局、HTML 与 DOM、JavaScript 与 API 分组。 github.com/GoogleChrome/m… 主题包括对话框和弹出层动画、表单与自动填充、无障碍、性能（如 INP 和任务调度）、安全（HTML 清理、内容安全策略、通行密钥）、隐私、PWA，以及浏览器内置的端侧 AI API。 指南带有 Baseline 兼容数据，并按项目的浏览器支持目标给出降级方案；未单独配置时，文档写明默认按「广泛可用」处理。1.0 还加入对现有 HTML、CSS、JavaScript 和 package.json 的静态扫描，帮助发现可以稳妥替换的旧模式。 每条指南附有可在浏览器里检查的期望，并用带指南与不带指南的 Agent 做对照。Philip Walton 在 11 月 11 日的博文中写道：在他们的评测集上，未使用指南时平均大约通过 50% 检查，使用后约 90%。 Chrome for Developers @ChromiumDev 48 hours after launching 1.0, Modern Web Guidance is the #1 trending repo on GitHub 📈 Thank you to the thousands of web developers, and our partners across Firefox, MDN, Edge, and community contributors, who are helping move AI coding agents onto modern, accessible, Baseline-supported web primitives. If you haven't tried 1.0 on your codebase yet: Install the agent skills: 'npx modern-web-guidance @latest install' Audit an existing codebase: 'npx modern-web-guidance @latest legacy-scan .' Check out the repo on Github → goo.gle/4zoi7Dv Q 🔗 View Quoted Tweet📊 2 ⚡

本条情报归属 AITOP「产品」核心栏目，重点聚焦北美前沿实验室与硅谷科技巨头。在跨区域产业观察坐标中，该动态直接关联「AI 开发者工具链、Coding Agent 与工程化实践」「中美大模型技术代差与商业化对照」研究主线，反映出当前技术演进与商业落地的最新风向。涉及核心实体与技术议题包括：Modern Web Guidance、Chrome、Coding Agent、GitHub，读者可通过下方标签进入对应专题页查阅历史脉络与关联对比。

信源核验说明：本文原始线索采编自「shao__meng」（@shao__meng），经 AITOP 多维评分管线结构化提炼。