web-design-guidelines

仓库创建 2026年1月28日最近提交 1 个月前SkillHot 收录 22 天前

▸ 精选理由

能把规范化检查常态化，便于做无偏的可访问性与 UX 审计。

▸ 风险提示

会主动从外部拉取最新准则文档以校验，需注意来源可信度。

这个 Skill 做什么

按 Web 界面准则自动审查 UI 代码并输出逐行合规问题。

把前端/界面代码按最新的 Web Interface Guidelines 自动逐条审查，输出简洁的 file:line 问题清单，直接指出哪个文件哪一行有问题。准备做可访问性检查、UX 审核或上线自查时用。每次都会抓最新指南对照，避免过时规则，方便工程师按行修复。

▸ 展开 SKILL.md 英文原文

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

开发编程可访问性设计审核前端规范最佳实践通用

5.7k

Stars

313

Forks

仓库内 Skill

+188

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/antfu/skills/main/skills/web-design-guidelines/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/antfu/skills/main/skills/web-design-guidelines/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# 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 s

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有