🏛️ Google Chrome 团队出品，微软 Edge 团队共同支持。浏览器厂商亲自下场写的规范，权威性没有比这更硬的。Apache 2.0 协议免费。
一、解决什么问题
AI 写网页时总爱用五年前的老办法——因为它学习的海量代码里，陈旧写法占了绝大多数。结果就是：明明浏览器现在已经原生支持的效果，它却塞一大堆 JavaScript 去费劲实现，页面又重又慢。
这个 skill 把最新的网页平台能力直接喂给 AI，让它知道「这事儿现在浏览器自己就能干，别再造轮子了」。
二、覆盖哪些方面
•
🎨 视觉体验：页面转场动画、进出场效果、视差滚动、滚动条配色
•
📐 现代布局：容器查询、子网格、更宽广的现代色彩空间、中文换行与行高微调
•
⚡ 性能：秒开预加载、交互响应速度诊断、任务调度优化
•
📝 原生组件：气泡提示定位、弹层、对话框、表单校验、输入框自动撑高
•
♿ 无障碍：读屏软件、键盘操作、内容可发现性
•
🤖 浏览器内置 AI：本地翻译、摘要、语种识别，不联网也能跑
三、不装也能试
它提供命令行直接查询——比如问「怎么给弹窗背景做动画」，它返回一份专家整理好的做法。内容做过精简：模型本来就会的常识性内容被剔掉了，只留真正有增量的部分，不浪费 AI 的注意力。
四、适合谁
•
觉得 AI 做出来的页面「能用但笨重」、加载慢的人
•
想要页面转场、滚动动效这类现代观感的人
•
在意无障碍合规的人
⚠️ 一句实话：目前是预览版，官方还在持续补内容。而且它管的是技术层面「用对新能力」，不管审美——好不好看还得靠这个类目里其他几条。需在 AI 编程助手里使用。