⚡

网页设计指南审查Skill web-design-guidelines

这个技能用于审查UI代码是否符合Web Interface Guidelines，提升网站的可访问性、用户体验和设计质量，确保遵循最佳实践。关键词包括：UI审查、可访问性检查、设计审计、UX评估、网页指南、代码合规性、前端开发、网页设计、用户体验优化。

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

name: web-design-guidelines description: 审查UI代码是否符合Web Interface Guidelines。当被要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site against best practices”时使用。 argument-hint: <file-or-pattern>

Web Interface Guidelines

审查文件是否符合Web Interface Guidelines。

工作原理

  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. 使用指南中指定的格式输出发现

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