为具体任务寻找现代 Web 模式

GoogleChrome/modern-web-guidance

为 HTML、CSS 和客户端 JavaScript 任务查找现代 Web 平台模式及浏览器兼容性指引。

最近更新于:

查看 GitHub 项目
npx skills add GoogleChrome/modern-web-guidance --skill modern-web-guidance
5,681Stars188Forks仓库最近推送

关于这个 Skill

Modern Web Guidance 是由 Google Chrome 团队、Microsoft Edge 团队和 Web 社区支持的预览版 Agent Skill。它通过命令行目录搜索具体的界面或浏览器平台问题,提取匹配指南,并检查适用模式与回退方案。主题包括布局、表单、无障碍、性能及浏览器 API。

为什么推荐

此预览版 Skill 通过 CLI 搜索配套指南目录。使用时需按项目支持的浏览器核对功能兼容性及回退方案。

适合用来做什么

  • 为界面行为或 CSS 布局寻找浏览器原生实现方式。
  • 修改客户端代码前查阅相关兼容性和回退指引。

搜索并应用指引

  1. 描述所需能力

    用简短词句搜索单一界面行为或平台能力。

  2. 读取匹配指南

    根据描述选择相关结果,读取其中的实际模式、注意事项和回退方式。

  3. 应用并检查

    仅应用与任务相关的指引,再依据支持的浏览器和项目约束检查实现。

Modern Web Guidance 指引

使用前需要了解

  • 需要可执行命令且能使用 Node.js/npm 的编程 Agent。Skill 通过 npx 调用 modern-web-guidance CLI;获取或更新包时可能需要网络。
  • 上游将其标为预览版。浏览器支持程度因功能而异,应按项目目标浏览器检查兼容性。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。