Web界面指南审查工具Skill web-design-guidelines

这个技能用于审查UI代码是否符合Web界面指南,确保网站的可访问性、用户体验和设计规范。它可以自动获取最新指南、检查代码合规性并提供简洁报告,帮助开发者提升网站质量和遵循最佳实践。关键词:UI代码审查,Web界面指南,可访问性检查,设计审核,UX审查,最佳实践,自动化工具。

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

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

Web Interface Guidelines

审查文件以符合Web界面指南。

工作原理

  1. 从下面的源URL获取最新指南
  2. 读取指定的文件(或提示用户提供文件/模式)
  3. 检查所有获取的指南中的规则
  4. 输出发现,格式为简洁的文件:行号

指南来源

每次审查前获取新指南:

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

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

用法

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

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

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