옵션
집 Skill 웹 개발 web-design-guidelines

web-design-guidelines

antfu/skills antfu/skills

웹 인터페이스 가이드라인, 접근성, UX 모범 사례 준수 여부를 검토하기 위해 UI 코드를 확인하십시오.

...모든 것을 확장하십시오
17
업데이트 된 시간 2026년 9월 7일

웹 인터페이스 가이드라인

웹 인터페이스 가이드라인 준수 여부를 검토합니다.

작동 방식

  1. 아래 소스 URL에서 최신 가이드라인을 가져옵니다.
  2. 지정된 파일을 읽거나 사용자에게 파일/패턴을 요청합니다.
  3. 가져온 가이드라인의 모든 규칙과 비교합니다.
  4. 결과를 간결한 파일:줄번호 형식으로 출력합니다.

가이드라인 소스

각 검토 전에 최신 가이드라인을 가져옵니다:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

WebFetch를 사용하여 최신 규칙을 가져옵니다. 가져온 콘텐츠에는 모든 규칙과 출력 형식 지침이 포함되어 있습니다.

사용 방법

사용자가 파일 또는 패턴 인수를 제공할 때:

  1. 위의 소스 URL에서 가이드라인을 가져옵니다.
  2. 지정된 파일을 읽습니다.
  3. 가져온 가이드라인의 모든 규칙을 적용합니다.
  4. 가이드라인에서 지정한 형식을 사용하여 결과를 출력합니다.

파일이 지정되지 않은 경우, 검토할 파일을 사용자에게 묻습니다.

GitHub에서 보기
---
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

복사 복사
빠른 설정: 스킬 폴더를 .claude/skills/에 복사하세요. Claude가 자동으로 감지하고 사용합니다.
저장소 antfu/skills

관련 스킬

github-code-search
업데이트 된 시간 2026년 6월 29일
drizzle-orm
업데이트 된 시간 2026년 6월 29일
clickhouse-io
업데이트 된 시간 2026년 6월 29일
prisma-client-api
업데이트 된 시간 2026년 6월 29일
OR