用途:在编写或审查与浏览器交互的代码时,引导使用当前 Web 平台 API,避免在有现代等价方案时沿用旧写法,并覆盖 UI 组件、浏览器 API、Chrome 扩展等场景。
主要能力:先确认项目浏览器支持,再按支持范围推荐 API 并核验兼容性。资料列出查找位置:CLAUDE.md 的 Browser Support 段、README.md、package.json 的 browserslist、.browserslistrc;未记录时必须询问用户,选项包括 Latest Chrome、Baseline Widely Available、Baseline Newly Available、指定浏览器版本,并要求写入 CLAUDE.md,必要时建议添加 browserslist 字段。其提供四档预设:Latest Chrome(Chrome 140+)、Latest Browsers(主流浏览器近 2 版)、Widely Available(30 个月以上跨浏览器支持)、Legacy Support(IE11 等,需 polyfill)。
研究流程:用 WebSearch/WebFetch 查 MDN、web.dev、Chrome Developers、Google Developers,查 MDN 兼容表,标注 Baseline Widely/Newly Available 或浏览器专属,不满足时给替代或 polyfill。资料还列出常见替换,如 navigator.clipboard.writeText() 取代 execCommand('copy')、fetch + async/await 取代 XMLHttpRequest、querySelector 取代仅用 getElementById、ES Modules 取代 CommonJS/AMD、IntersectionObserver 等取代滚动轮询、<dialog> 取代自定义弹窗、Popover API、structuredClone()、crypto.randomUUID()、URL/URLSearchParams、AbortController 等。Chrome 扩展优先 Manifest V3、chrome.scripting、chrome.storage、service worker、chrome.action。
使用方式:自动用于新写浏览器相关代码、审查旧模式、用户询问如何实现某功能、发现 execCommand/XMLHttpRequest/回调式异步等。执行清单:检查浏览器支持文档;未记录则询问;写入 CLAUDE.md;检索现代 API;核验兼容性;按指定格式输出推荐。
限制:不得假定浏览器支持,须先核实或询问;推荐须对照当前文档验证。资料未提供具体收费、价格、平台或效果信息。