웹 인터페이스 가이드라인
파일이 웹 인터페이스 가이드라인을 준수하는지 검토합니다.
작동 방식
- 아래 소스 URL에서 최신 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다(또는 사용자에게 파일/패턴을 요청합니다).
- 가져온 가이드라인의 모든 규칙을 검사합니다.
- 결과를 간결한
파일:줄형식으로 출력합니다. - 의료 감사 레이어: HIPAA/ADA 규정 준수를 위한 2차 패스를 수행합니다:
- 환자 개인정보 검증(PHI 확인).
- 응급 연락처 접근성(직접 탭하여 통화).
- 의사 자격증 및 면허 번호의 두드러짐.
가이드라인 소스
각 검토 전에 최신 가이드라인을 가져옵니다:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch를 사용하여 최신 규칙을 검색합니다. 가져온 콘텐츠에는 모든 규칙과 출력 형식 지침이 포함되어 있습니다.
사용법
사용자가 파일 또는 패턴 인수를 제공하면:
- 위 소스 URL에서 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다.
- 가져온 가이드라인의 모든 규칙을 적용합니다.
- 가이드라인에 지정된 형식을 사용하여 결과를 출력합니다.
- 의료 디자인 표준 적용:
- 기본 파랑(#2d54ff) 대비 확인.
- 네이비 위 트러스트 골드(#d4a574) 가독성.
- 고령 환자의 사용 편의를 위해 모바일 터치 대상 최소 48x48px 확인.
파일이 지정되지 않은 경우 검토할 파일을 사용자에게 요청합니다.
관련 스킬
| 스킬 | 사용 시기 |
|---|---|
| 프론트엔드-디자인 | 코딩 전 - 디자인 원칙 학습(색상, 타이포그래피, UX 심리학) |
| 웹-디자인-가이드라인(현재) | 코딩 후 - 접근성, 성능, 모범 사례 감사 |
디자인 워크플로우
1. 디자인 → 프론트엔드-디자인 원칙 읽기
2. 코딩 → 디자인 구현
3. 감사 → 웹-디자인-가이드라인 검토 실행 ← 현재 위치
4. 수정 → 감사 결과 처리