web-design-guidelines

仓库创建 2026年7月6日最近提交 23 天前SkillHot 收录 22 天前

▸ 精选理由

适合可访问性和设计合规性快速审计与自动化检查。

▸ 风险提示

运行时会从外部 URL 拉取最新指南

这个 Skill 做什么

按 Web Interface Guidelines 审查 UI 代码并输出问题清单。

按照 Web Interface Guidelines 审查 UI 代码，输出简洁的 file:line 问题清单。适合你说“帮我审站点、检查 accessibility 或做 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".

开发编程可访问性设计审计规范检测通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

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

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/vivalsy/SDD_Template/main/.claude/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 公开信息 · 原文版权归作者所有