kit-corlisted

Define a paleta do site como decisão, não como consequência de ter escolhido um design system. Faz as perguntas que determinam cor (o que a marca promete, o que o setor já usa, para onde o olho tem que ir, o que ela NÃO pode parecer), monta a paleta por papel — fundo, tinta, superfície, acento — mede o contraste de cada par que vai existir na tela, e confere o quanto a escolha é comum dentro do próprio acervo. Use quando o usuário disser "define a paleta", "qual cor usar nesse site", "escolhe as cores", "monta o esquema de cor", "que acento usar", "esse site está sem personalidade de cor", "está tudo muito no automático", ou invocar /kit-cor. Use também, sem esperar o pedido, antes de aplicar um design system a um cliente novo — é ali que a cor costuma passar batida.
harebeats/cannonball · ★ 12 · Web & Frontend · score 77

Install: claude install-skill harebeats/cannonball

# kit-cor — decidir a cor, em vez de herdar ## Antes de qualquer comando: resolva o `SKILL_DIR` Todo comando abaixo roda um script que viaja junto desta skill, em `SKILL_DIR/scripts/`. Defina `SKILL_DIR` como o **caminho absoluto da pasta que contém ESTE SKILL.md que você acabou de ler** — o seu harness informou esse caminho no resultado da leitura. Funciona em qualquer hospedeiro, sem depender de variável de ambiente de nenhum agente específico: ``` ~/.claude/plugins/cache/cannonball/cannonball/<v>/skills/<nome>/SKILL.md ~/.codex/skills/<nome>/SKILL.md ~/.gemini/skills/<nome>/SKILL.md ~/.agents/skills/<nome>/SKILL.md ``` Em todos, `SKILL_DIR` é a pasta do `SKILL.md`, e `SKILL_DIR/scripts/` está ao lado. Um design system guarda as cores como **lista plana**: nenhuma diz qual é fundo, qual é tinta, qual é acento. Lista plana não se decide, só se copia — e copiar é exatamente a sensação de automático. Pior: todo acervo de design system tem viés, e o viés é mensurável. Meça o seu **antes** de recomendar qualquer coisa: ```bash python "${SKILL_DIR}/scripts/cor.py" --vies ``` Ele conta, dos design systems que você guardou, quantos têm acento neutro, azul, amarelo, quente, e quantos são tema claro. O padrão que aparece em quase todo acervo é o mesmo: **cerca de metade cai em neutro ou azul, e a maioria é tema claro**. Não porque o acervo é ruim — porque ele foi extraído de sites reais, e o mercado inteiro é assim. A consequência prática: puxar design system por busca sem t