본문으로 건너뛰기
cccskills
무료GitHub에 공개

accessibility-audit

Revisa los cambios de UI en cuanto a accesibilidad — contraste de color, navegación por teclado, gestión del foco, uso de ARIA y texto alternativo. Úsalo cuando la persona pida una revisión de a11y/accesibilidad, verificar el cumplimiento de WCAG, el soporte de teclado, la compatibilidad con lectores de pantalla o el manejo del foco (p. ej. "¿es accesible este modal?", "audita la a11y del formulario").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md2.2 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Audita la UI indicada en cuanto a accesibilidad. Reparto con design-system-audit: aquella cubre tokens, primitivas, estados de datos y jerarquía; todo lo de contraste, teclado, foco y ARIA vive aquí, en una sola lista — si la otra skill te remitió un componente custom, esta es la lista que le aplica.

  1. Si docs/conventions/ contiene guías de accesibilidad o de sistema de diseño, léelas para conocer el estándar objetivo del proyecto (p. ej. WCAG 2.1 AA) y cualquier regla específica.
  2. Localiza el código fuente de la UI dentro del alcance y revísalo frente a estas comprobaciones:
    • Contraste — el texto y la UI significativa cumplen la relación de contraste para su tamaño/rol.
    • Teclado — todos los elementos interactivos son alcanzables y operables por teclado; sin trampas de teclado; orden de tabulación lógico.
    • Foco — indicadores de foco visibles; el foco se mueve/restaura correctamente en modales, menús y cambios de ruta.
    • Semántica y ARIA — se prefieren elementos nativos (button, a, label); roles/atributos ARIA usados correctamente y solo cuando se necesitan; los campos de formulario tienen labels asociadas.
    • Imágenes y medios — texto alt en imágenes significativas, alt vacío en las decorativas; subtítulos donde corresponda.
    • Movimiento y responsividad — respeta reduced-motion; usable con zoom/en tamaños pequeños.
  3. Informa una lista de verificación: cada ítem como Pasa / Falla / Requiere-revisión-manual, con archivo:línea y una corrección concreta.

Ejemplo de hallazgo: El botón solo de ícono en Nav.tsx:22 no tiene nombre accesible — añade aria-label.

NO afirmes la conformidad total con WCAG solo a partir de una revisión estática — señala los ítems que requieren pruebas manuales o con tecnología de asistencia.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Trae a este proyecto las mejoras que la plantilla de origen recibió después de la instanciación — lee .template-origin, calcula el diff del tooling (skills, hooks, scripts, workflows) contra la plantilla actual y propone aplicarlo. Úsalo cuando la persona quiera actualizar/sincronizar el proyecto con la plantilla (p. ej. "actualiza la plantilla", "trae las mejoras nuevas del template").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

changelog

무료

Actualiza CHANGELOG.md en el formato Keep a Changelog, añadiendo los cambios actuales bajo la sección Unreleased. Úsalo cuando la persona pida actualizar el changelog, añadir una entrada al changelog o registrar lo que cambió para las notas de la versión (p. ej. "añade esto al changelog", "actualiza el CHANGELOG con estos commits").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

commit

무료

Escribe un mensaje de Conventional Commits para los cambios en stage y crea el commit, incluyendo la línea de coautoría de atribución de IA. Úsalo cuando la persona pida hacer commit, escribir un mensaje de commit o guardar cambios (p. ej. "haz commit de esto", "escribe un mensaje de commit para estos cambios"). No hace push.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

Configura el repositorio de GitHub de punta a punta con gh — descripción, topics, labels, rama develop, protección de ramas, merge settings y metadatos — a partir de la definición del producto. Úsalo al crear el repo de un proyecto nuevo o cuando haya que poner en orden uno existente (p. ej. "configura el repo", "prepara el repositorio en GitHub", "pon los labels y la protección de ramas").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

Revisa o produce textos visibles para la persona usuaria (texto de UI, encabezados, botones, mensajes de error, marketing) con la voz y el tono del proyecto. Úsalo cuando la persona pida escribir/mejorar textos, corregir la redacción, revisar el tono o redactar microcopy (p. ej. "escribe el texto del estado vacío", "haz este mensaje de error más amable", "revisa el titular de la landing").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

Audita una vista o componente frente al design system en lo que un script no puede comprobar — estados de interacción, los cuatro estados de datos, primitivas nativas frente a componentes reinventados y jerarquía visual. Úsalo cuando la persona pida revisar el cumplimiento del design system o si un componente sigue las guías (p. ej. "¿esta tarjeta sigue nuestro sistema?", "audita la vista de ajustes").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

brayandiazc의 스킬 모두 보기

이 스킬의 문제 신고