AI Skills
web-design-guidelines

web-design-guidelines

热门

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查UX”或“对照最佳实践检查我的网站”时使用。

5444Star
304Fork
更新于 2026/7/1
获取 Skill源代码

相关 Skills

imagegen-frontend-mobile4.8万baoyu-infographic2.2万guizang-ppt-skill2万
SKILL.md
readonly只读
name
web-design-guidelines
description

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查UX”或“对照最佳实践检查我的网站”时使用。

Web界面指南

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

工作原理

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

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