Communitygithub.com

rhino-ty/apca-contrast-skill

Habilidade de agente de IA: medição de contraste perceptual APCA-W3 v0.1.9 com aprovação/reprovação fontLookupAPCA — auditorias de sistemas de design para tokens oklch do Tailwind v4 / shadcn, modo claro/escuro lado a lado.

O que é apca-contrast-skill?

Esta habilidade permite que agentes de IA, como Claude Code ou Cursor, calculem e avaliem o contraste perceptual usando o algoritmo APCA-W3 v0.1.9. Ela implementa a função `fontLookupAPCA`, que retorna uma aprovação ou reprovação para pares de cores de primeiro plano e fundo, seguindo as diretrizes de acessibilidade APCA. A habilidade é especialmente útil para auditorias de sistemas de design modernos, como aqueles baseados no Tailwind v4 e shadcn, que utilizam tokens de cor no espaço de cores oklch. Ela suporta verificação lado a lado de modos claro e escuro, permitindo que desenvolvedores garantam que seus designs não apenas sejam esteticamente agradáveis, mas também atendam aos padrões de contraste perceptual. A integração com agentes de IA simplifica a automação de verificações de acessibilidade diretamente no fluxo de trabalho de desenvolvimento.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que apca-contrast-skill faz?

Habilidade de agente de IA: medição de contraste perceptual APCA-W3 v0.1.9 com aprovação/reprovação fontLookupAPCA — auditorias de sistemas de design para tokens oklch do Tailwind v4 / shadcn, modo claro/escuro lado a lado.

Habilidades Relacionadas