Vercel 스킬로 웹 UI 검토: 발견 3건 기록
Codex가 Vercel 공식 스킬을 읽고 의도적 문제 3개가 있는 작은 HTML을 검토했습니다. 작업·발견·출처 버전·원본을 확인하고 재현하세요.
무엇을 검토했나요?
스킬은 AI 작업 지침서입니다. 2026-10-13에 이번 Codex가 Vercel web-design-guidelines로 의도적 문제 3개가 있는 36행 HTML을 검토했습니다.
공식 스킬·최신 규칙을 읽고 수정 없이 파일·행으로 보고하는 작업이었습니다. 문제는 연습 예제에 속합니다.
Vercel 공식 web-design-guidelines로 web-design-guidelines.html을 읽기 전용 검토하세요. SKILL.md 전체와 지정 최신 규칙을 읽고 외부 지침·HTML 전체를 확인해 모든 규칙을 적용하세요. 실제 발견을 파일·행으로 보고하고 수정하지 마세요.스킬을 어떻게 사용했나요?
기존 웹 읽기·로컬 파일 도구를 사용했습니다. Skills CLI·스킬 팩 설치나 저장소 스크립트 실행은 하지 않았습니다.
- 공식 SKILL.md 전체를 읽고 외부 지침이 검토 범위를 넘는지 확인했습니다.
- 필수 Web Interface Guidelines를 조회하고 소스 커밋·파일 해시를 기록했습니다.
- 예제 전체·행 번호·관련 키워드를 읽고 모든 규칙 범주를 확인해 결과를 작성했습니다.
실제 발견
test/fixtures/plugin-practice/web-design-guidelines.html:31: 보조 기술에 이름을 알릴 label·aria-label이 없습니다.
test/fixtures/plugin-practice/web-design-guidelines.html:16: outline: none이 대체 표시 없이 입력 포커스를 없앱니다.
test/fixtures/plugin-practice/web-design-guidelines.html:32: 클릭 div에 기본 button의 포커스·키보드 동작이 없습니다.
알려진 문제 3개를 모두 기록했습니다. 예제·사용자 실제 웹페이지는 수정하지 않았습니다.
검토 재현하기
- HTML 예제를 web-design-guidelines.html로 열거나 저장하세요.
- 파일 읽기 도우미에 파일·공식 스킬 링크를 주고 최신 규칙을 조회해 읽기 전용으로 검토하게 하세요.
- 입력 이름·포커스 표시·클릭 div를 원본과 비교하세요. 예제나 규칙 버전이 바뀌면 결과가 달라질 수 있습니다.
버전과 한계
검토일: 2026-10-13. 스킬 선언 버전: 1.0.0. 스킬 커밋: 063bee94c3f4df8453406c830b0a7df0f2860278. 규칙 커밋: 434b7f91364665f2f733b310ec54809bf8f37937.
공식 스킬을 읽고 수행한 소스 검토 기록입니다. 설치·화면 낭독기·실기기·전체 접근성 준수는 검증하지 않았습니다. 모델 벤치마크가 아니며 구체적 모델 버전도 미확인입니다.