Vercel Web界面规范检查工具 - 自动检测代码是否符合Web设计指南

web-design-guidelines by vercel-labs/agent-skills

193,000 周安装量

23,700 GitHub Stars

GitHub

安装命令

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

开发生产力设计

🇨🇳中文介绍

Web 界面规范指南

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

工作原理

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

规范来源

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

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

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

使用方法

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

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

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

每周安装量

146.2K

代码仓库

vercel-labs/agent-skills

GitHub 星标数

22.4K

首次出现

2026 年 1 月 19 日

安全审计

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

146.2K

Repository

vercel-labs/agent-skills

GitHub Stars

22.4K

First Seen

Jan 19, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykWarn

Installed on

opencode102.1K

gemini-cli99.1K

codex98.1K

github-copilot89.4K

claude-code87.2K

cursor84.9K