diegosouzapw/awesome-omni-skill

웹 인터페이스 가이드라인

웹 인터페이스 가이드라인 준수 여부를 확인하기 위해 파일을 검토합니다.

작동 방식

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

가이드라인 소스

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

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

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

사용법

사용자가 파일 또는 패턴 인수를 제공하는 경우:

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

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

---

관련 스킬

스킬	사용 시기
frontend-design	코딩 전 - 디자인 원칙(색상, 타이포그래피, UX 심리학) 학습
web-design-guidelines(현재)	코딩 후 - 접근성, 성능 및 모범 사례 감사

디자인 워크플로우

1. 디자인    → frontend-design 원칙 읽기
2. 코딩      → 디자인 구현
3. 감사      → web-design-guidelines 리뷰 실행 ← 현재 위치
4. 수정      → 감사 결과 처리