SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 08:06

技能介绍

用途

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

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

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

    • 从上述源 URL 获取指南;
    • 读取指定文件;
    • 应用获取到的指南中的所有规则;
    • 使用指南中指定的格式输出发现的问题。
  2. 如果未指定文件,则询问用户要审查哪些文件。

适用场景

  • 审查 UI 代码的合规性。
  • 检查无障碍(accessibility)。
  • 审计设计(design audit)。
  • 审查 UX。
  • 检查网站是否符合 Web Interface Guidelines。

限制

  • 需要能够访问源 URL 以获取最新指南。
  • 需要用户提供要审查的文件或模式;未提供时需先询问。
  • 输出格式由获取到的指南内容决定。
  • 关于收费、价格、平台支持范围等信息暂未提供。