claude-foundation

Claude Code를 위한 Skills · Plugins 모음

← 돌아가기

web-design-guidelines

designreviewaccessibility

vercel-labs

Vercel Engineering이 내부적으로 사용하는 Web Interface Guidelines를 기준으로 UI 코드를 감사한다. 디자인 완성도·접근성·UX 모범 사례를 한 번에 점검할 수 있다. 검토할 때마다 GitHub 원격 소스에서 최신 가이드라인을 자동으로 내려받아 적용한다. 별도로 규칙을 업데이트할 필요 없이 항상 최신 기준으로 검사된다. 파일 경로나 글로브 패턴을 인자로 넘기면 즉시 검사가 시작된다. 결과는 "file:line" 형식으로 출력돼 어디를 고쳐야 하는지 바로 확인할 수 있다. "UI 리뷰해줘", "접근성 체크해줘", "디자인 감사해줘" 같은 요청에 자동으로 활성화된다. 파일을 지정하지 않으면 어떤 파일을 검토할지 되묻는다.

설치

npx — 에이전트에 바로 설치

npx skills add vercel-labs/agent-skills@web-design-guidelines -g -y
skills.sh ↗