web-design-guidelines

web-design-guidelines

热门

审查 UI 代码是否符合 Vercel 工程团队制定的 Web 界面指南。涵盖产品 UI 的布局、排版、色彩、动效和可访问性。

8.2万Star
9478Fork
更新于 2026/7/28
SKILL.md
readonly只读
name
web-design-guidelines
description

审查 UI 代码是否符合 Vercel 工程团队制定的 Web 界面指南。涵盖产品 UI 的布局、排版、色彩、动效和可访问性。

Web 界面指南

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

工作原理

  1. 加载固定的指南文件 references/guidelines.md——这是默认的、可复现的执行路径
  2. 可选:从下方上游 URL 获取最新指南,并与固定快照进行对比,查看是否有变化
  3. 读取指定的文件(或提示用户提供文件/模式)
  4. 对照指南中的所有规则进行检查
  5. 以简洁的 file:line 格式输出发现的问题

指南来源

默认(固定): 位于 references/guidelines.md 的本地副本是默认执行路径。它是上游指南的固定快照,确保该技能在任何运行时环境中都能产生可复现的结果。

上游(实时): 对于希望获取最新规则的用户,实时来源位于:

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

获取实时版本是可选的——固定快照始终是基线。

使用方法

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

  1. 加载 references/guidelines.md 作为默认来源
  2. 可选:获取上游 URL 以检查更新
  3. 读取指定的文件
  4. 应用指南中的所有规则
  5. 使用指南中指定的格式输出发现的问题

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