SuperAPI AI 工具集

web-design-guidelines

前端与建站

查看项目

更新于 10-16 07:12

技能介绍

用途

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. 从以下源地址获取指南:

    https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

    使用 WebFetch 获取最新规则。获取到的内容包含全部规则和输出格式说明。

  2. 读取指定的文件。

  3. 应用获取到的指南中的全部规则。

  4. 使用指南中指定的格式输出发现的问题。

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

适用场景

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

限制

  • 该技能依赖从上述源地址获取最新指南,若无法访问该地址则可能无法完成审查。
  • 需要用户提供待审查的文件或文件模式;未提供时需先询问。
  • 关于收费、价格、平台支持范围、具体效果等事实,资料中暂未提供。