Vercel 공식 인터페이스 규범 심사 스킬: 매 심사 전 GitHub에서 최신 Web Interface Guidelines를 가져와 지정된 파일과 항목별로 대조하고, file:line 형식으로 문제를 나열합니다.
skills.sh 설치 횟수 792813 (+4577 / 24h)
보안 감사: 위험 경고 있음
- 네트워크 요청을发起하거나 외부 API / 원격 MCP를 호출함
- 감사 범위: GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md (SKILL.md 텍스트만 스캔)
이유
- 규칙이 접근성, 포커스 상태, 폼, 애니메이션, 타이포그래피, 이미지, 성능, 내비게이션 및 상태, 터치, 안전 영역, 다크 모드, 다국어, 하이드레이션 안전성, 카피를 포괄하며, 별도로 표시해야 할 안티 패턴 목록이 첨부됨
- 출력은 파일별로 그룹화된 file:line 형식의 간결한 결론으로 통일되어 항목별 수정이 용이함
- SKILL.md 자체는 10여 줄에 불과하며, 규칙은 원격 파일에 있어 규범이 업데이트된 후 재설치가 필요 없음
- skills.sh 24시간당 설치 4577, 누적 792813 (관심도만 반영)
사용법
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- 에이전트에게 “review my UI”라고 말하고 파일 또는 와일드카드 경로를 지정; 파일을 지정하지 않으면 먼저 질문함
- 클라이언트에 WebFetch 등 네트워크 읽기 도구가 필요함
위험
- 감사 프롬프트의 네트워크 요청은 용도와 일치함: 매 실행 시 raw.githubusercontent.com의 vercel-labs/web-interface-guidelines에서 command.md를 가져오며, SKILL.md는 그 안의 규칙과 출력 형식을 그대로 사용하도록 규정하여 심사 지시를 고정되지 않은 버전의 원격 파일에 맡기는 셈임
- 심사만 수행하고 수정은 하지 않음; 일부 규칙은 React / Tailwind 문법으로 서술됨 (예: <Link>, focus-visible:ring-*)