·accessible-contrast
</>

accessible-contrast

basiclines/rampa-studio

Genere rampas de color diseñadas para un emparejamiento de contraste compatible con WCAG. Crea escalas de 11 pasos con combinaciones predecibles de primer plano y fondo.

3Instalaciones·0Tendencia·@basiclines

Instalación

$npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast

SKILL.md

Generate color ramps specifically designed for accessible text/background combinations. Uses an 11-step scale for predictable WCAG-compliant pairing.

| Maximum | 0 + 10 | Highest (near white + near black) | | AAA Normal | 1 + 9, 2 + 8 | 7:1+ ratio | | AA Normal | 3 + 7 | 4.5:1+ ratio | | AA Large | 4 + 6 | 3:1+ ratio |

| Background | Text for AA | Text for AAA |

Genere rampas de color diseñadas para un emparejamiento de contraste compatible con WCAG. Crea escalas de 11 pasos con combinaciones predecibles de primer plano y fondo. Fuente: basiclines/rampa-studio.

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-05
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es accessible-contrast?

Genere rampas de color diseñadas para un emparejamiento de contraste compatible con WCAG. Crea escalas de 11 pasos con combinaciones predecibles de primer plano y fondo. Fuente: basiclines/rampa-studio.

¿Cómo instalo accessible-contrast?

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/basiclines/rampa-studio --skill accessible-contrast 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/basiclines/rampa-studio