每一条指南都要过评测才收录：给智能体的现代 Web 技能是这么写出来的
来源：GitHub · GoogleChrome/modern-web-guidance-src — 2026-11-15 · ⭐ 5,653 stars · TypeScript
📋 概述
这是 Modern Web Guidance 的源仓库，管的是指南怎么写、怎么校准、怎么评测。Modern Web Guidance 本身是一套技能，把 Web 平台的专家经验、最佳实践与浏览器兼容数据直接塞进编码智能体的上下文，把它从十年前的旧写法推向现代原生能力。每条指南都要过评测：先看模型到底缺什么，再把模型本来就懂的最低共识内容剪掉，只留真正需要补的部分，所以指南是按 token 效率设计的。
🔑 核心要点
一条 npx modern-web-guidance@latest install 走完交互式安装；search、retrieve、legacy-scan 三个子命令可以先不装直接试。 legacy-scan 扫整个代码库找出该淘汰的旧模式，再按清单逐项现代化。 覆盖六大方向：用户体验（视图过渡、进出场动画、滚动视差）、CSS 布局（容器查询、subgrid、oklch）、性能（即时预加载、INP 诊断、scheduler.yield）。 表单与 UI 走原生组件：锚点定位做提示框、Popover API、dialog、:user-invalid 校验与自适应输入框。 由 Chrome、Edge、Firefox 与 MDN 团队共同维护，评测看板公开挂在 GitHub Pages 上。 重点补三块：常被误用的现代 API、性能与无障碍、以及合理的轻量降级而不是重型 polyfill。
💡 金句
Coding agents often default to older patterns because LLM training data contains vast amounts of legacy code.
👍 0
❤️ 点赞
👎 0
沉底
← 返回 GitHub Trending 首页