如何通过现代 Web 指南阻止你的 AI 编码智能体编写过时代码 (opens in new tab)

📌 One-Sentence Summary 现代 Web 指南将专家验证的浏览器 API 指导注入 AI 编码智能体，用声明式 HTML 和 CSS 取代遗留的 JavaScript 密集型模式。 📝 Summary 本文解释了为什么 AI 编码智能体会默认使用过时的 Web 模式，并介绍了由 Chrome 和 Edge 团队开发的开源项目 Modern Web Guidance (MWG)，它提供了一个智能体技能文件，引导智能体采用现代、可访问且高性能的 Web 标准。文章逐步介绍了在各种智能体（Claude Code、Cursor、Copilot 等）上的安装步骤，并展示了戏剧性的前后对比示例：一个之前需要完整 JavaScript 交互层的提示框组件，现在使用 `popover="hint"` 和 `interestfor` 成为纯 HTML+CSS；一个带退出动画的吐司通知利用了 `popover="manual"` 和 `@starting-style`，将 JavaScript 仅缩减为自动关闭的计时。文章还坦诚讨论了 MWG 的限制，如前沿悬崖（需要 polyfi...