웹 인터페이스 가이드라인
웹 인터페이스 가이드라인 준수 여부를 검토합니다.
작동 방식
- 아래 소스 URL에서 최신 가이드라인을 가져옵니다.
- 지정된 파일을 읽거나 (파일/패턴이 없으면 사용자에게 요청합니다).
- 가져온 가이드라인의 모든 규칙과 대조하여 검사합니다.
- 간결한
file:line형식으로 결과를 출력합니다.
가이드라인 소스
매 검토 전에 최신 가이드라인을 가져옵니다.
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch를 사용하여 최신 규칙을 검색하세요. 가져온 내용에는 모든 규칙과 출력 형식 지침이 포함되어 있습니다.
사용 방법
사용자가 파일 또는 패턴 인수를 제공한 경우:
- 위 소스 URL에서 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다.
- 가져온 가이드라인의 모든 규칙을 적용합니다.
- 가이드라인에 명시된 형식을 사용하여 결과를 출력합니다.
파일이 지정되지 않은 경우, 검토할 파일을 사용자에게 문의하세요.
관련 스킬
| 스킬 | 사용 시점 |
|---|---|
| 프론트엔드 디자인 | 코딩 전 - 디자인 원칙(색상, 타이포그래피, UX 심리학) 학습 시 |
| 웹 디자인 가이드라인(현재) | 코딩 후 - 접근성, 성능, 모범 사례 감사 시 |
디자인 워크플로우
1. 디자인(DESIGN) → 프론트엔드 디자인 원칙 읽기
2. 코딩(CODE) → 디자인 구현하기
3. 감사(AUDIT) → 웹 디자인 가이드라인 검토 실행 ← 현재 위치
4. 수정(FIX) → 감사 결과에 따른 문제 해결