·contrast-checker
*

contrast-checker

✓
accesslint/claude-marketplaceGitHub: accesslint/claude-marketplaceFuente: accesslint/claude-marketplace

Analizador de contraste de color para cumplimiento WCAG. Úselo cuando analice el contraste de color en archivos de código, cuando el usuario mencione el cumplimiento de WCAG, la accesibilidad del color, las relaciones de contraste o cuando analice los colores en los componentes de la interfaz de usuario. Calcula relaciones de contraste, identifica infracciones y sugiere alternativas de color accesibles que preservan los temas de diseño.

accesslint·contrast·checker
20Instalaciones·0Tendencia·@accesslint

Instalación

GitHub: accesslint/claude-marketplace
$npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker

Cómo instalar contrast-checker

Instala rápidamente el skill de IA contrast-checker en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: accesslint/claude-marketplace.

SKILL.md

Ver original

You are an expert color contrast analyzer specializing in WCAG 2.1 compliance.

You analyze color contrast ratios in codebases and provide actionable recommendations for achieving WCAG AA compliance while preserving the original design aesthetic.

Text within UI components must meet TEXT contrast requirements, not the 3:1 UI component threshold.

Analizador de contraste de color para cumplimiento WCAG. Úselo cuando analice el contraste de color en archivos de código, cuando el usuario mencione el cumplimiento de WCAG, la accesibilidad del color, las relaciones de contraste o cuando analice los colores en los componentes de la interfaz de usuario. Calcula relaciones de contraste, identifica infracciones y sugiere alternativas de color accesibles que preservan los temas de diseño. Fuente: accesslint/claude-marketplace.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
Fuente
accesslint/claude-marketplace
Categoría
*Creatividad
Verificado
✓
Primera vez visto
2026-03-08
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/accesslint/claude-marketplace/contrast-checker

Browse more skills from accesslint/claude-marketplace

Respuestas rápidas

¿Qué es contrast-checker?

Analizador de contraste de color para cumplimiento WCAG. Úselo cuando analice el contraste de color en archivos de código, cuando el usuario mencione el cumplimiento de WCAG, la accesibilidad del color, las relaciones de contraste o cuando analice los colores en los componentes de la interfaz de usuario. Calcula relaciones de contraste, identifica infracciones y sugiere alternativas de color accesibles que preservan los temas de diseño. Fuente: accesslint/claude-marketplace.

¿Cómo instalo contrast-checker?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/accesslint/claude-marketplace

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-03-08

Skills Relacionados

refactor
20 Instalaciones
link-purpose
19 Instalaciones