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