---
id: manual-vercel-web-design-guidelines
name: "Vercel Web Design Guidelines"
nameZh: "Vercel Web 设计准则"
sourceCategory: "Vercel Skill"
sourceCategoryZh: "Vercel Skill"
url: "https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines"
sourceUrl: "https://github.com/vercel-labs/agent-skills"
tags: ["UI","Accessibility","UX audit"]
tagsZh: ["UI","可访问性","UX 审计"]
categorySlugs: ["creative-design","dev","testing"]
---

# Vercel Web Design Guidelines

中文名称：Vercel Web 设计准则

## Description

Audits UI code against 100+ accessibility and UX rules.

用 100+ 条可访问性和 UX 规则审查 UI 代码。

## 中文说明

用 100+ 条可访问性和 UX 规则审查 UI 代码。

- 打开或安装 Skill：https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
- 查看原始来源：https://github.com/vercel-labs/agent-skills
- 分类：creative-design, dev, testing
- 标签：UI、可访问性、UX 审计

## Use This Skill

- Open or install the skill from: https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
- Review the original source: https://github.com/vercel-labs/agent-skills
- Categories: creative-design, dev, testing
- Tags: UI, Accessibility, UX audit
- 中文标签：UI、可访问性、UX 审计

## README SEO Report

### Detailed Overview

Review files for compliance with Web Interface Guidelines.

### Installation

No explicit installation section was found in the archived README. Open the original source for the official setup path; the download button provides the local Markdown copy saved by EasyGlobe.

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

### Capabilities

Primary workflow coverage: creative-design, dev, testing.

### Source Archive

- Archive source type: github
- Primary README/SKILL doc: github/skills/web-design-guidelines/SKILL.md
- Archived docs: github/skills/web-design-guidelines/SKILL.md

## 3W FAQ

### What is this skill?

Audits UI code against 100+ accessibility and UX rules.

### Who is this skill for?

This skill is for teams or AI agents working on creative-design, dev, testing workflows.

### When should you use it?

Use it when the task matches these tags: UI, Accessibility, UX audit.

## 中文 3W FAQ

### What：这个 skill 是什么？

用 100+ 条可访问性和 UX 规则审查 UI 代码。

### Who：适合谁使用？

适合处理 creative-design、dev、testing 工作流的团队、运营人员、开发者或 AI Agent。

### When：什么时候使用？

当任务涉及 UI、可访问性、UX 审计，或需要沉淀为 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 或团队 SOP 时使用。