一句话看懂：Chrome 团队发布 Modern Web Guidance，一组可装入 AI 编码智能体的技能包，让 AI 在写前端时优先采用 dialog、Popover API、CSS Anchor Positioning 等现代 Web 做法，而不是沿用几年前的旧写法。
事件核心：发生了什么
据 Chrome for Developers 官方文档整理，Chrome 团队推出了 Modern Web Guidance。它既不是新框架，也不是新工具链，而是一组 skill，把 Web 平台的最佳实践和浏览器兼容性数据嵌入 AI 编程助手。官方给出 CLI 安装方式 npx modern-web-guidance@latest install，也支持 Claude Code 插件、Vercel Agent Skills 等渠道。项目已在 GitHub 开源（GoogleChrome/modern-web-guidance-src），并配有 Codelab 入门教程。
为什么重要
AI 生成前端代码“像五年前”的根本原因在于训练数据里旧写法远多于新写法，且模型难以判断新特性在各浏览器的可用性。Modern Web Guidance 相当于给 AI 补一份官方“现代 Web 知识库”，把兼容性数据与推荐实践一起注入，减少手动提示“请用 dialog 别手搓弹窗”的重复劳动。这类“知识型 skill”为 AI 编码工具提供了一种不同于大模型训练的改进路径。
对用户/开发者/创作者的影响
对前端开发者，安装成本只有一行命令，适合已在用 Claude Code 等工具的人试用。官方示例覆盖四类场景：用容器查询做自适应仪表盘、用 CSS Anchor Positioning 做跟随高亮的标签栏；把旧弹窗迁移到 <dialog>、旧 tooltip 迁移到 Popover API；基于 WebAuthn 实现 Passkey 登录与起步版 CSP；预加载页面、排查长任务优化 INP、优化 LCP。配合“面向智能体的 Chrome 开发者工具”，AI 还能跑实时性能审核、检查无障碍树并套用修复。
AI 工具推荐
想把多个 AI 模型放在一个入口？
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。
推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。
值得关注的后续
一是该 skill 在实际项目中能否稳定提升代码现代性，目前公开信息显示仅有官方示例；二是其他浏览器厂商或主流 AI 编码工具是否跟进类似的知识注入方案；三是开源社区提交的 issue 与内容贡献能否持续扩大覆盖面。
来源：juejin
