SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-16 06:02

技能介绍

用途

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)。
  • 审查用户体验(UX)。
  • 检查站点是否符合 Web Interface Guidelines。

限制

  • 具体规则内容取决于源地址返回的最新指南,本技能本身不内置固定规则集。
  • 需要用户提供文件或文件模式;未提供时需先询问。
  • 关于收费、价格、平台支持范围等信息,资料中暂未提供。