Communitygithub.com

weberstone/token-high-contrast

Ein Fail-Closed-Agent-Skill zum Generieren und Verifizieren von WCAG 2.2 High-Contrast-Figma-Token-Modi aus expliziten semantischen Vordergrund-/Hintergrund-Paaren.

Was ist token-high-contrast?

Dieser Agent-Skill `weberstone/token-high-contrast` ermöglicht es KI-Agenten, automatisch WCAG 2.2-konforme High-Contrast-Design-Token-Modi für Figma zu generieren und zu validieren. Er arbeitet nach dem Fail-Closed-Prinzip: Wenn die erforderlichen Kontrastverhältnisse nicht erreicht werden, schlägt der Skill fehl, anstatt unzureichende Ergebnisse zu liefern. Der Skill nimmt explizite semantische Vordergrund-/Hintergrund-Paare (z. B. Textfarbe auf Hintergrundfarbe) entgegen und berechnet die benachbarten Kontrastverhältnisse. Anschließend erstellt er optionale Token-Modi, die sicherstellen, dass alle Paare die WCAG 2.2-Anforderungen für normalen Text (mindestens 4,5:1) und großen Text (mindestens 3:1) erfüllen. Der Skill ist besonders nützlich für Entwickler und Designer, die barrierefreie Farbschemata in Figma verwalten, und unterstützt Plattformen wie Claude Code, Cursor und andere KI-gesteuerte Entwicklungswerkzeuge. Durch die Automatisierung der Kontrastprüfung und Token-Generierung reduziert er manuelle Arbeit und Fehlerrisiken bei der Erstellung barrierefreier Benutzeroberflächen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add weberstone/token-high-contrast

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht token-high-contrast?

Ein Fail-Closed-Agent-Skill zum Generieren und Verifizieren von WCAG 2.2 High-Contrast-Figma-Token-Modi aus expliziten semantischen Vordergrund-/Hintergrund-Paaren.

Verwandte Skills