Web界面规范检查工具 - Vercel官方代码规范自动化审查工具

web-design-guidelines by vercel/examples

95 周安装量

5,000 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/vercel/examples --skill web-design-guidelines

开发自动化代码规范

🇨🇳中文介绍

Web 界面规范

检查文件是否符合 Web 界面规范。

工作原理

从下面的源 URL 获取最新的规范
读取指定的文件（或提示用户输入文件/模式）
根据获取的规范中的所有规则进行检查
以简洁的 文件:行号 格式输出检查结果

规范来源

在每次审查前获取最新的规范：

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

使用 WebFetch 来获取最新的规则。获取的内容包含所有规则和输出格式说明。

使用方法

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

从上述源 URL 获取规范
读取指定的文件
应用获取的规范中的所有规则
使用规范中指定的格式输出检查结果

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

每周安装量

代码仓库

vercel/examples

GitHub 星标数

5.0K

首次出现

2026 年 1 月 24 日

安全审计

Gen Agent Trust HubPass

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

🇺🇸English

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Fetch the latest guidelines from the source URL below
Read the specified files (or prompt user for files/pattern)
Check against all rules in the fetched guidelines
Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

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

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

Fetch guidelines from the source URL above
Read the specified files
Apply all rules from the fetched guidelines
Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Weekly Installs

Repository

vercel/examples

GitHub Stars

5.0K

First Seen

Jan 24, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykWarn

Installed on

opencode77

codex77

gemini-cli76

github-copilot69

cursor66

claude-code66