Skill 广场
现代前端标准规范查询 Skill

现代前端标准规范查询.Skill

@googlechrome/modern-web-guidance

4.6优秀AI 评分基础检查通过源自 GitHub

现代前端标准规范查询用于在编写 HTML、CSS 和客户端 JavaScript 代码前,基于 Chrome 官方指南检索标准 Web API 与现代最佳实践。它通过 npx 命令行工具执行语义化检索与指南抓取,涵盖弹窗定位、视图过渡动画、容器查询、核心 Web 指标优化及浏览器 Baseline 兼容性基准,帮助开发者避免引入沉重第三方库或使用已淘汰的旧模式。

编程Web 前端工程师全栈开发者前端架构师2026-09-23 更新main

现代前端标准规范查询

现代前端标准规范查询用于在编写 HTML、CSS 和客户端 JavaScript 代码前,基于 Chrome 官方指南检索标准 Web API 与现代最佳实践。它通过 npx 命令行工具执行语义化检索与指南抓取,涵盖弹窗定位、视图过渡动画、容器查询、核心 Web 指标优化及浏览器 Baseline 兼容性基准,帮助开发者避免引入沉重第三方库或使用已淘汰的旧模式。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

执行 modern-web-guidance 搜索模态框与弹层原生 Popover API 的现代实现规范

查询关于优化 LCP 关键图片加载优先级的指南 ID 并输出完整实践步骤

检查当前 React 项目中实现滚动视差效果的原生 CSS 方案与浏览器 Baseline 兼容性要求

适用人群

适合谁?

Web 前端工程师全栈开发者前端架构师代码审查人员

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度