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. 02Cole em qualquer assistente — Claude, Gemini, ChatGPT — ou em um agente de terminal (Claude Code, Gemini CLI, Codex): a IA recebe todas as instruções e fica pronta para a tarefa.
  3. 03Prefere usar como arquivo reutilizável? Baixe o .zip e descompacte-o dentro de .claude/ (Claude Code) ou de .agents/ (Codex e Gemini CLI) na raiz do projeto: a pasta skills/ do pacote cai no lugar certo. No Claude, Gemini ou ChatGPT web, anexe o SKILL.md à conversa ou às instruções de um Projeto, Gem ou GPT.