[!IMPORTANT] AI 컨텍스트 및 지식 유산
- 서브시스템: 에이전트 스킬 레지스트리 / 웹-디자인-가이드라인
- 아키텍처:
@docs ARCHITECTURE:Documentation- 실패 경로: 정보 표류, 레거시 용어, 문서 불일치
- 관찰 가능성:
execution/parity_guard.py를 통한 추적성 ([SKILL])
웹 인터페이스 가이드라인
웹 인터페이스 가이드라인 준수 여부를 확인하기 위해 파일을 검토합니다.
작동 방식
- 아래 소스 URL에서 최신 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다(또는 사용자에게 파일/패턴을 요청합니다).
- 가져온 가이드라인의 모든 규칙에 대해 검사합니다.
- 간결한
file:line형식으로 결과를 출력합니다.
가이드라인 소스
각 검토 전에 최신 가이드라인을 가져오세요:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch를 사용하여 최신 규칙을 검색하세요. 가져온 콘텐츠에는 모든 규칙과 출력 형식 지침이 포함되어 있습니다.
사용법
사용자가 파일 또는 패턴 인수를 제공한 경우:
- 위 소스 URL에서 가이드라인을 가져옵니다.
- 지정된 파일을 읽습니다.
- 가져온 가이드라인의 모든 규칙을 적용합니다.
- 가이드라인에 지정된 형식을 사용하여 결과를 출력합니다.
파일이 지정되지 않은 경우, 사용자에게 검토할 파일을 물어보세요.
관련 스킬
| 스킬 | 사용 시기 |
|---|---|
| 프론트엔드 디자인 | 코딩 전 - 디자인 원칙(색상, 타이포그래피, UX 심리학) 학습 |
| 웹 디자인 가이드라인(현재) | 코딩 후 - 접근성, 성능, 모범 사례 감사 |
디자인 워크플로
1. 디자인 → 프론트엔드 디자인 원칙 읽기
2. 코딩 → 디자인 구현
3. 감사 → 웹-디자인-가이드라인 검토 실행 ← 현재 위치
4. 수정 → 감사 결과에 따른 조치