·accessible-contrast
</>

accessible-contrast

basiclines/rampa-studio

Generieren Sie Farbverläufe für eine WCAG-konforme Kontrastpaarung. Erstellt 11-stufige Skalen mit vorhersehbaren Vordergrund-/Hintergrundkombinationen.

3Installationen·0Trend·@basiclines

Installation

$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 |

Generieren Sie Farbverläufe für eine WCAG-konforme Kontrastpaarung. Erstellt 11-stufige Skalen mit vorhersehbaren Vordergrund-/Hintergrundkombinationen. Quelle: basiclines/rampa-studio.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-05
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist accessible-contrast?

Generieren Sie Farbverläufe für eine WCAG-konforme Kontrastpaarung. Erstellt 11-stufige Skalen mit vorhersehbaren Vordergrund-/Hintergrundkombinationen. Quelle: basiclines/rampa-studio.

Wie installiere ich accessible-contrast?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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