SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 11-08 16:06

技能介绍

用途

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. 如果未指定文件,询问用户要审查哪些文件。

适用场景

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

限制

  • 审查依赖从指定源地址获取的指南内容;若无法获取,则无法按最新规则执行检查。
  • 需要用户提供文件或文件模式;未提供时需先询问。
  • 输出格式由获取到的指南内容决定。
  • 关于收费、价格、平台支持范围等信息暂未提供。