⚡

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

这个技能用于自动审查网页UI代码，确保其符合最新网页界面指南，提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查，关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。

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

name: 网页设计指南 description: 审查UI代码以符合网页界面指南。当被要求“审查我的UI”、“检查可访问性”、“审核设计”、“审查UX”或“检查我的网站是否符合最佳实践”时使用。 license: MIT metadata: author: vercel version: “1.0.0” domain: 前端 argument-hint: <file-or-pattern> triggers: UI审查、可访问性、设计审核、UX审查、网页设计、界面指南、a11y、可用性、设计最佳实践 role: 专家 scope: 实施 output-format: 代码 related-skills: react专家、nextjs开发者、vercel组合模式

网页界面指南

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

工作原理

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

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