SkillDesignQA

Checagem de Contraste de Cor

Use esta skill para avaliar checagem de contraste de cor, com um roteiro claro, critérios de qualidade e uma saída acionável para orientar o trabalho com IA.

Ações
PerfilDesigner
ProfundidadeBaixa
IdiomaPortuguês
Objetivo

Em uma frase.

Use esta skill para avaliar checagem de contraste de cor, com um roteiro claro, critérios de qualidade e uma saída acionável para orientar o trabalho com IA.

Casos

Exemplos
de uso.

**Cenário**: Atualização do CSS de um botão com hover.
**Entrada (Prompt)**:
```css
.btn-primary { 
  background-color: #00bcd4;
  color: #ffffff;
}
```

**Saída**:
- [FALHA] O contraste entre Cyan 500 (#00bcd4) e Branco (#ffffff) atinge apenas 1.95:1. 
- Mínimo exigido: 4.5:1.
- *Recomendação*: Alterar a cor da fonte para preto (#000000) visando atingir nota máxima AAA.
Constelação

Onde
ela vive.

Bundles que incluem
Execução

Como usar
com IA.

  1. 01Copie a skill (botão "Copiar skill para IA", no topo): o texto copiado já é a skill completa, não um resumo.
  2. 02Abra o Claude ou Claude Code e cole — a IA recebe todas as instruções e fica pronta para a tarefa.
  3. 03Prefere usar como arquivo reutilizável? Baixe o .zip e coloque o SKILL.md em .claude/skills/ (Claude Code) ou anexe o arquivo no Claude (claude.ai).