长亭百智云长亭百智云
登录
返回全部 Skills

web-design-guidelines

质量保障

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查UX”或“检查我的网站是否符合最佳实践”时使用。

305.6k

下载量

AI SkillHub 能力展示图

安装方式

命令行安装

在项目根目录执行以下命令，完成 Skill 安装。

npx bzskills add vercel-labs/agent-skills --skill web-design-guidelines

skill.md

name: web-design-guidelines
description: 审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查UX”或“检查我的网站是否符合最佳实践”时使用。
metadata:
    author: vercel
    version: "1.0.0"
    argument-hint: <file-or-pattern>

Web 界面指南

检查文件是否符合 Web 界面指南。

工作原理

  1. 从以下来源 URL 获取最新指南
  2. 读取指定文件（或提示用户输入文件/模式）
  3. 根据获取的指南中的所有规则进行检查
  4. 以简洁的 文件:行号 格式输出发现项

指南来源

每次审查前获取最新指南：

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

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

使用方法

当用户提供文件或模式参数时：

  1. 从上述来源 URL 获取指南
  2. 读取指定文件
  3. 应用获取的指南中的所有规则
  4. 按照指南指定的格式输出发现项

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