modern web guidance 是 chrome 团队为 ai 编码助手提供的 web 开发技能。它通过命令行检索前端指南,把浏览器兼容性和回退策略交给助手参考,适用于 html、css 和客户端 javascript。
Modern Web Guidance 能查哪些前端问题?
原生弹窗、容器查询、表单校验、键盘无障碍访问这类具体开发需求都能查。比如你想给原生弹窗加进出动画,直接搜弹窗遮罩,就能找到讲顶层元素动画的对应指南。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

技能和 CLI 分别做什么?
内置技能会告诉 AI 助手什么时候触发查询、怎么筛选合适的指南、怎么验证降级方案,CLI 工具负责实际执行搜索、读取内容。哪怕没安装对应的助手技能,也能直接在终端查询。返回结果会列出所有匹配指南的 ID 和简介,按需挑选需要的内容就行。
npx -y modern-web-guidance@latest search "animate a dialog modal backdrop"

什么情况适合用这套指南?
拿不准该选哪个原生 API、要做浏览器兼容适配,或是排查现有页面的老旧写法问题的时候,都可以先查这套指南。查询的时候把目标支持的浏览器范围、现有页面已有的功能一起说明,最后一定要在真实浏览器里测试点击、键盘操作、视觉显示的实际表现。











