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

相關技能