Modern Web Guidance

简介

Modern Web Guidance 是一套给 AI 编程智能体用的「技能」（Skills）。官方的出发点是：大模型的训练数据里有大量老旧网页代码，智能体写前端时常常默认用过时写法，用一堆 JavaScript 去实现浏览器早已原生支持的功能。装上这套技能后，智能体遇到网页开发任务会先调用它的命令行：`modern-web-guidance search "<需求描述>"` 在本地找到最匹配的指南，再用 `retrieve <指南 ID>` 把具体的代码模式、注意事项和兼容回退方案放进上下文。检索用的是零依赖的本地向量模型加 BM25，完全离线，不需要 API Key。 1.0 版收录 203 篇用例指南，覆盖 250 项 Web 平台特性，分为视觉与交互体验（View Transitions、进出场动画、滚动效果）、CSS 布局（容器查询、subgrid、oklch 色彩、文字换行）、性能（预加载、INP 诊断、scheduler.yield）、表单与 UI 组件（Anchor Positioning、Popover、dialog、手风琴、标签页、轮播）、无障碍，以及浏览器内置 AI（本地翻译、摘要、语言检测 API）等方向；指南结合 Baseline 兼容数据，只给轻量的回退方案而不是整包 polyfill，实验性的 Origin Trial 特性和近 3 个月才上线的单一引擎特性需要在项目的 `.mwgrc` 里显式开启才会给出。1.0 新增 `legacy-scan` 命令，可以静态扫描现有代码库里的过时写法并对应到替代指南，配套「扫描、核实、报告、改造」四步现代化流程；npm 包也从 23.5 MB 缩小到 8.8 MB。另有一个可选的 Chrome 扩展开发技能包（Manifest V3、Service Worker、上架 Chrome 应用商店）。 安装只需一条命令 `npx modern-web-guidance@latest install`（交互式向导），也可以用 `npx skills add GoogleChrome/modern-web-guidance`、`gh skill install`，或在 Claude Code、GitHub Copilot CLI、OpenAI Codex、Google Antigravity、Grok Build、Kimi Code 里按插件方式安装。官方每晚用 Claude Code、Codex CLI、Antigravity CLI 在真实网页应用任务上做「装与不装」的对照评测，结果公开在评测看板上：11 月 8 日的一轮中，三款智能体的任务通过率分别从 54%–58% 提升到 82%–94%。代码以 Apache-2.0 开源，指南内容采用 CC-BY 4.0；CLI 默认会匿名上报安装次数、调用的智能体名称、检索词等使用数据（不含用户原始提示词），设置环境变量 `DISABLE_TELEMETRY=1` 即可关闭。官方来源：https://developer.chrome.com/docs/modern-web-guidance 、https://github.com/GoogleChrome/modern-web-guidance 。

• 本地检索 203 篇 Web 最佳实践指南
• 覆盖 250 项现代 Web 平台特性
• legacy-scan 扫描过时代码
• 一条命令安装到主流编程智能体
• 每晚公开评测看板

界面截图

可左右滑动，或使用方向键、Home 和 End 浏览截图。

定价 · 套餐对比