Coleoni Coleoni Skills
/coleoni-interface

A interface inteira, revisada. Uma lista, uma ordem de trabalho.

Uma página, todos os ângulos: o acabamento, a tipografia, as cores, a grade, as palavras e se todo mundo consegue usar. A skill roda as especialistas da Coleoni na mesma página, junta o que elas acham numa lista por gravidade, agrupa pela causa e corrige numa ordem que não refaz trabalho.

npx skills add c0le0ni/skills --skill coleoni-interface
Ver no GitHub
Claude Code, Codex, Cursor, Gemini CLI e outros 6 áreas Uma lista por gravidade Tokens primeiro, componentes depois
A revisão de interface de uma página de encomenda: achados por área e gravidade A página de encomenda antes da revisão A mesma página depois de uma passada de tokens e componentes Todos os achados numa lista, com a skill que achou cada um
Exemplo

Vinte e nove achados. Uma causa.

A página de bolos da padaria, feita seção por seção. Sete raios, treze tamanhos de letra, três verdes, três bordas, um botão falso e uma fonte que ninguém carregou: quase tudo uma coisa só que faltava, tokens. Depois de uma passada, sobra só um modo escuro que ninguém pediu.

revisão
$ /coleoni-interface cakes.html

  polish   1 · 7 · 0
  type     1 · 2 · 4
  color    4 · 2 · 1
  layout   1 · 2 · 0
  copy     0 · 0 · 0
  a11y     0 · 3 · 1

  7 corrigir primeiro · 16 corrigir · 6 vale olhar
29 → 1achados
6áreas numa passada
1causa por trás de quase tudo
0achados graves depois
Abrir a revisão, antes Abrir a revisão, depois Ver o exemplo no GitHub
Como funciona

Especialistas, depois uma liderança.

Cada área roda a própria skill, com recortes e relatório completo. A revisão lê tudo como quem lidera o time leria.

  1. Roda a família

    Acabamento, tipografia, cor e layout, mais texto e acessibilidade se estiverem instaladas, todas na mesma página.

  2. Junta os achados

    Uma lista por gravidade, cada achado com a skill que achou. Problema que duas acham aparece uma vez, pela especialista.

  3. Agrupa pela causa

    Sete raios, dezessete espaçamentos e três estilos de botão são uma causa só: falta de tokens.

  4. Ordena o trabalho

    Bloqueios primeiro, depois tokens, depois componentes, depois texto, pra nada ser feito duas vezes.

  5. Deixa coisas de propósito

    Alguns achados são escolhas; ela diz quais manteria.

  6. Corrige, se você pedir

    Seguindo o roteiro de cada skill, e roda a revisão de novo.

Instalar

Instale a família junta.

A revisão roda as skills instaladas ao lado dela. As que faltarem aparecem no relatório com o comando pra instalar.

AgenteClaude Code, Codex, Cursor…
Node.js18 ou mais novo
Chrome ou Edgejá instalado na máquina
01Instale 
npx skills add c0le0ni/skills --skill coleoni-interface
02Use no seu agente 
/coleoni-interface https://seusite.com.br
Pro usuário todo, não só o projeto-g
Só no Claude Code-a claude-code
Só no Codex-a codex
Todas as skills da Coleoninpx skills add c0le0ni/skills
Exemplos

Antes de um lançamento, uma apresentação ou um redesign.

Ela mostra a revisão primeiro.

Instalar a família inteira de uma vez.

npx skills add c0le0ni/skills --skill coleoni-interface --skill coleoni-polish --skill coleoni-type --skill coleoni-color --skill coleoni-layout --skill coleoni-copy --skill coleoni-a11y

Revisar uma página.

/coleoni-interface https://seusite.com.br

Revisar e corrigir em ordem.

/coleoni-interface o checkout, corrige em ordem

Só algumas áreas.

/coleoni-interface o dashboard --only polish,color
Opções

O motor, pelo terminal.

node interface.mjs https://seusite.com.br --lang pt --out interface-report

OpçãoPara quê
--only a,bSó estas áreas: polish, type, color, layout, copy, a11y
--lang en|ptLíngua dos relatórios

Uma revisão no lugar de seis opiniões.

npx skills add c0le0ni/skills --skill coleoni-interface
Ver no GitHub Ver todas as skills