⚡

Web界面设计规范审查工具Skill web-design-guidelines

这是一个用于自动审查Web界面代码是否符合设计规范的AI工具。它能够检查UI代码的可访问性、用户体验和最佳实践合规性，帮助开发者快速发现和修复设计问题。关键词：UI审查、可访问性检查、设计规范、用户体验审计、Web开发、前端代码检查、Vercel指南。

前端开发 0 次安装 0 次浏览 更新于 3/1/2026

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

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. 使用规范中指定的格式输出检查结果

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