Web 界面指南

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

工作原理

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

指南来源

每次审查前获取最新指南：

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

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

用法

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

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

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

在 GitHub 上查看

---
name: web-design-guidelines
description: Review UI code for compliance with web interface guidelines, accessibility, and UX best practices.
---

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. 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:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

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

所有文件

0 个文件

安装 web-design-guidelines

将技能文件下载并解压至你的 .claude/skills/ 目录。

下载ZIP

克隆仓库并复制技能文件到您的项目中。

git clone https://github.com/antfu/skills/tree/main/skills/web-design-guidelines # Copy SKILL.md to your .claude/skills/ directory

复制

快速设置: 将技能文件夹复制到 .claude/skills/ 目录。Claude 将自动检测并使用该技能。

仓库 antfu/skills

web-design-guidelines

Web 界面指南

工作原理

指南来源

用法

所有文件

安装 web-design-guidelines

相关技能