SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 08:12

技能介绍

用途

web-design-guidelines 用于审查 UI 代码是否符合 Web Interface Guidelines。当用户提出“review my UI”“check accessibility”“audit design”“review UX”或“check my site”等需求时,可使用该技能对指定文件进行合规性检查。

主要能力

  • 在每次审查前从源 URL 获取最新的 Web Interface Guidelines 规则,确保依据的是最新版本。
  • 读取用户指定的文件或文件模式。
  • 将文件内容与获取到的指南中的所有规则进行对照检查。
  • 以简洁的 file:line 格式输出发现的问题。

使用方式

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

  1. 从以下源 URL 获取指南:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
  1. 读取指定的文件。
  2. 应用获取到的指南中的所有规则。
  3. 使用指南中指定的格式输出发现的问题。

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

获取指南时使用 WebFetch 检索最新规则。获取到的内容包含所有规则以及输出格式说明。

适用场景

  • 对 UI 代码进行 Web Interface Guidelines 合规性审查。
  • 检查可访问性(accessibility)。
  • 审计设计(design audit)。
  • 审查用户体验(UX review)。
  • 检查站点(check my site)。

限制

  • 需要用户提供文件或模式参数;未提供时需先询问。
  • 依赖源 URL 获取指南,具体规则内容以该源为准。
  • 关于收费、价格、平台支持范围等信息,资料中暂未提供。