modern-web-guidanceGoogle官方放心用让 AI 写前端前先查最新最佳实践，避开过时方案
这个 Skill 相当于给 AI 配了一个前端知识检索库。写任何 HTML/CSS、客户端 JavaScript 或组件前，AI 会先调用 `npx modern-web-guidance search` 查询对应场景的最佳实践，拿到相关 guide 的 ID 后再用 `retrieve` 拉取完整指南。指南覆盖 UI 布局（弹窗、Popover、容器查询）、滚动动画、性能优化（LCP/INP、Fetch Priority）、系统 API（文件系统、WebUSB）等，并按 Baseline 浏览器支持标准给出降级方案。
适合需要持续跟进 Web 平台新特性、不想在项目中堆 polyfill 或重复造轮子的团队。注意它只处理前端客户端代码，不碰后端、CI/CD、Docker 或 ESLint；且依赖 npx 联网拉包，Windows 上可能要用 `npx.cmd`。如果搜索结果相关性低，可让 AI 改用 `list` 命令浏览全部指南。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add GoogleChrome/modern-web-guidance装好后不用任何配置，直接在对话里说：
我要做一个居中弹窗，先查一下现在最标准的实现方式AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
SKILL.mdguides/ 不会。它只是强制 AI 在动手前先检索 Google Chrome 团队维护的最佳实践，再基于你的项目框架把指南落地成代码。
是的。SKILL.md 要求 HTML/CSS 和客户端 JS 任务必须优先查询，因为训练数据里的 Web API 模式容易过时，直接写可能用到废弃方案。
首次需要联网通过 npx 安装执行。如果命令卡住，可尝试 `npx --offline`，但可能无法获取最新指南包。