Communitygithub.com

rhino-ty/apca-contrast-skill

KI-Agent-Fertigkeit: APCA-W3 v0.1.9 Wahrnehmungskontrastmessung mit fontLookupAPCA bestanden/nicht bestanden — Design-System-Audits für Tailwind v4 / shadcn oklch-Tokens, Licht-/Dunkelmodus nebeneinander

Was ist apca-contrast-skill?

Diese Fertigkeit für KI-Agenten (z. B. Claude Code, Cursor, Codex) ermöglicht die automatisierte Messung des Wahrnehmungskontrasts nach dem APCA-W3-Standard (v0.1.9). Sie verwendet die `fontLookupAPCA`-Methode, um für jede Textkombination einen Bestehen/Nichtbestehen-Wert zu ermitteln. Die Fertigkeit ist speziell für die Prüfung von Designsystemen konzipiert, die auf Tailwind CSS v4 und shadcn/ui mit oklch-Farbtoken setzen. Sie kann Licht- und Dunkelmodi nebeneinander analysieren und stellt sicher, dass die Farbkontraste den Barrierefreiheitsrichtlinien (WCAG 3, APCA) entsprechen. Entwickler erhalten so ein automatisiertes Audit-Tool, das direkt in CI/CD-Pipelines oder in der IDE verwendet werden kann, um die visuelle Zugänglichkeit ihrer Benutzeroberflächen zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add rhino-ty/apca-contrast-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht apca-contrast-skill?

KI-Agent-Fertigkeit: APCA-W3 v0.1.9 Wahrnehmungskontrastmessung mit fontLookupAPCA bestanden/nicht bestanden — Design-System-Audits für Tailwind v4 / shadcn oklch-Tokens, Licht-/Dunkelmodus nebeneinander

Verwandte Skills