·contrast-checker
*

contrast-checker

Analizzatore di contrasto cromatico per la conformità WCAG. Da utilizzare quando si analizza il contrasto del colore nei file di codice, quando l'utente menziona la conformità WCAG, l'accessibilità del colore, i rapporti di contrasto o quando si discute dei colori nei componenti dell'interfaccia utente. Calcola i rapporti di contrasto, identifica le violazioni e suggerisce alternative di colore accessibili che preservino i temi del design.

22Installazioni·1Tendenza·@accesslint

Installazione

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

Come installare contrast-checker

Installa rapidamente la skill AI contrast-checker nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: accesslint/claude-marketplace.

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.

Analizzatore di contrasto cromatico per la conformità WCAG. Da utilizzare quando si analizza il contrasto del colore nei file di codice, quando l'utente menziona la conformità WCAG, l'accessibilità del colore, i rapporti di contrasto o quando si discute dei colori nei componenti dell'interfaccia utente. Calcola i rapporti di contrasto, identifica le violazioni e suggerisce alternative di colore accessibili che preservino i temi del design. Fonte: accesslint/claude-marketplace.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
Categoria
*Creatività
Verificato
Prima apparizione
2026-03-08
Aggiornato
2026-03-11

Browse more skills from accesslint/claude-marketplace

Risposte rapide

Che cos'è contrast-checker?

Analizzatore di contrasto cromatico per la conformità WCAG. Da utilizzare quando si analizza il contrasto del colore nei file di codice, quando l'utente menziona la conformità WCAG, l'accessibilità del colore, i rapporti di contrasto o quando si discute dei colori nei componenti dell'interfaccia utente. Calcola i rapporti di contrasto, identifica le violazioni e suggerisce alternative di colore accessibili che preservino i temi del design. Fonte: accesslint/claude-marketplace.

Come installo contrast-checker?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-03-08