网页设计指南

diegosouzapw2026-10-28查看 1965复制 1931

审查 UI 代码是否符合 Web Interface Guidelines。当被要求“审查我的 UI”、“检查无障碍性”、“审计设计”、“审查 UX”或“对照最佳实践检查我的网站”时使用。

📘如何使用这个技能

1
复制技能内容·点击上方「Copy SKILL.md」复制全部内容，或 Download 下载到本地
2
打开你的 AI 客户端·支持 Claude Code、Trae、Cursor、ChatGPT、DeepSeek、Kimi 等任意 AI 助手
3
粘贴为系统提示/知识文件·Claude Code：放入 .claude/skills/ 目录；普通对话：作为首条消息发送并说「请严格按这份技能文档执行」
4
直接提出你的需求·AI 会按技能定义的工作流、格式和约束来处理，无需再解释背景

💡 提示：技能生效后，每次对话只需一句需求，AI 会按 SKILL.md 的流程执行。

SKILL.md1093 chars

---
name: web-design-guidelines
description: 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".
metadata:
  author: vercel
  version: "1.0.0"
  argument-hint: <file-or-pattern>
---

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Read the local guidelines from command.md
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the local guidelines
4. Output findings in the terse `file:line` format

## Guidelines Source

Read the local guidelines file before each review:

```
command.md
```

This file contains all the rules and output format instructions.

## Usage

When a user provides a file or pattern argument:
1. Read the local guidelines from command.md
2. Read the specified files
3. Apply all rules from the local guidelines
4. Output findings using the format specified in the guidelines

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

来源：skillsdirectory

网页设计指南

📘如何使用这个技能

评论0