SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 10:24

技能介绍

用途

web-design-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能。它适用于「review my UI」「check accessibility」「audit design」「review UX」「check my site」等界面质量审查场景。

主要能力

  • 获取最新版 Web Interface Guidelines 规则。
  • 读取指定文件或按匹配模式读取文件。
  • 对照获取到的全部指南规则进行检查。
  • 以简洁的 file:line 格式输出检查发现。

使用方式

  1. 从下面的源 URL 获取最新指南: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
  2. 使用 WebFetch 检索最新规则。获取的内容包含所有规则与输出格式说明。
  3. 读取指定的文件。
  4. 应用获取到的指南中的全部规则。
  5. 按指南中指定的格式输出发现。

当用户提供文件或匹配模式参数时:

  • 从上述源 URL 抓取指南;
  • 读取指定文件;
  • 应用抓取到的指南中的全部规则;
  • 按指南中指定的格式输出发现。

若未指定文件,则询问用户需要审查哪些文件。

适用场景

  • 需要按统一界面规范检查 UI 代码时。
  • 需要检查可访问性、设计或 UX 时。

限制

每次审查前需重新抓取指南,依赖对源 URL 的访问。其余细节暂未提供。