web-design-guidelines
antfu/skills
웹 인터페이스 가이드라인, 접근성, UX 모범 사례 준수 여부를 검토하기 위해 UI 코드를 확인하십시오.
...모든 것을 확장하십시오웹 인터페이스 가이드라인
웹 인터페이스 가이드라인 준수 여부를 검토합니다.
작동 방식
- 아래 소스 URL에서 최신 가이드라인을 가져옵니다.
- 지정된 파일을 읽거나 사용자에게 파일/패턴을 요청합니다.
- 가져온 가이드라인의 모든 규칙과 비교합니다.
- 결과를 간결한
파일:줄번호형식으로 출력합니다.
가이드라인 소스
각 검토 전에 최신 가이드라인을 가져옵니다:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch를 사용하여 최신 규칙을 가져옵니다. 가져온 콘텐츠에는 모든 규칙과 출력 형식 지침이 포함되어 있습니다.
사용 방법
사용자가 파일 또는 패턴 인수를 제공할 때:
- 위의 소스 URL에서 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다.
- 가져온 가이드라인의 모든 규칙을 적용합니다.
- 가이드라인에서 지정한 형식을 사용하여 결과를 출력합니다.
파일이 지정되지 않은 경우, 검토할 파일을 사용자에게 묻습니다.
---
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
복사





집
