SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 15:38

技能介绍

用途

web-design-guidelines 用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。它适用于被要求“review my UI”“check accessibility”“audit design”“review UX”或“check my site”等场景,即对界面代码进行合规性检查。

主要能力

该技能会对照 Web Interface Guidelines 中的全部规则检查指定文件,并输出发现的问题。输出采用简洁的 file:line 格式,便于定位问题所在位置。

使用方式

其工作流程如下:

  1. 从下方源 URL 获取最新指南。
  2. 读取指定文件(或向用户询问文件/匹配模式)。
  3. 对照获取到的指南中的所有规则进行检查。
  4. 以简洁的 file:line 格式输出发现的问题。

指南源地址为:

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

每次审查前都应重新获取最新指南,使用 WebFetch 检索最新规则。获取到的内容包含所有规则以及输出格式说明。

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

  1. 从上述源 URL 获取指南。
  2. 读取指定文件。
  3. 应用获取到的指南中的所有规则。
  4. 使用指南中指定的格式输出发现的问题。

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

适用场景

适用于对 UI 代码进行界面指南合规性审查,包括可访问性检查、设计审查、UX 审查以及站点检查等。

限制

资料未提供关于收费、价格、平台支持范围、具体规则条目或效果保证等信息,暂未提供。