⚡

网页界面指南审查Skill web-design-guidelines

此技能用于自动审查网页 UI 代码，确保其符合 Web 界面指南，包括可访问性检查、设计审计和用户体验优化，提升网站质量，便于 SEO 搜索。关键词：UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。

前端开发 0 次安装 0 次浏览 更新于 3/13/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. 使用指南中指定的格式输出发现的问题

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