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

web-design-guidelines by antfu/skills

7,700 周安装量

4,300 GitHub Stars

GitHub

安装命令

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

开发设计

🇨🇳中文介绍

Web 界面规范

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

工作原理

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

规范来源

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

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

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

使用方法

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

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

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

每周安装量

5.4K

代码仓库

antfu/skills

GitHub 星标数

4.0K

首次出现

2026年1月28日

安全审计

Gen Agent Trust HubPass SocketPass

广告位招租

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

触达数万 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

5.4K

Repository

antfu/skills

GitHub Stars

4.0K

First Seen

Jan 28, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykWarn

Installed on

opencode4.1K

codex4.0K

gemini-cli3.9K

github-copilot3.8K

cursor3.5K

kimi-cli3.3K