스킬 자체의 표현으로
코딩 에이전트에서 인터랙티브 UI를 추가하거나 검토하는 디자이너와 개발자를 위한 HTML 접근성 참조 및 수정 규칙 세트입니다. 아홉 가지 규칙 범주를 우선순위와 영향도에 따라 정렬하며, critical 단계의 접근 가능한 이름, 키보드 접근, 포커스와 다이얼로그, 도구 경계부터 시맨틱, 폼과 오류, 알림, 대비와 상태, 그리고 마지막으로 미디어와 모션까지 다룹니다.
각 범주는 구체적인 요구사항의 짧은 목록으로 구성되며, 예를 들어 아이콘 전용 버튼의 aria-label, tabindex 0 초과 금지, 실패한 필드의 aria-invalid 등이 있습니다. 공통 수정 블록은 아이콘 전용 버튼, div-as-button, 연결되지 않은 폼 오류에 대한 전후 HTML을 보여주며, 리뷰 모드는 각 위반 사항을 인용된 줄, 왜 중요한지에 대한 한 문장, 코드 수준의 수정과 함께 리포트합니다.
검토 보고서
예시 프롬프트 보기 ↗작동 방식
- 01제약을 그 자리에 적용하기
단독 명령을 실행하면 규칙이 해당 대화에서 진행 중인 모든 UI 작업에 대한 상시적인 제약이 되며, 단발성 감사가 아닙니다.
- 02위반 리포트를 위해 파일을 지정하기
파일 인자를 주면 그 파일을 모든 규칙에 대해 검사하고, 각 위반 사항을 인용된 줄이나 코드 조각, 왜 중요한지에 대한 짧은 한 문장, 코드 수준의 수정과 함께 리포트합니다.
- 03범주를 우선순위 순서로 처리하기
규칙은 영향도 등급이 부여된 순위 범주로 그룹화되어 있으며, 접근 가능한 이름이 우선순위 1로 critical로 표시됩니다.
- 04변경을 최소화하기
이 스킬은 UI의 큰 부분을 다시 작성하지 말아야 하며, 수정은 최소한이고 표적화되어야 한다는 점을 명시하고 있습니다.