Skip to content
cccskills
FreePublished on 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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai
See how to install

Files included (1)

  • SKILL.md2.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

actualizar-plantilla

Free

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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

changelog

Free

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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

commit

Free

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.

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

configurar-repo

Free

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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

copywriting

Free

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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

design-system-audit

Free

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").

The English summary is being prepared. Showing the original description.

brayandiazc/project-starter-template-es-ai15Updated Sep 23, 2026

See all skills by brayandiazc

Report a problem with this skill