Quando Usar

Use para identificar interfaces geradas por IA que "parecem estranhas", estão desalinhadas ou centralizadas de forma confusa, ou falham na usabilidade — quando você precisa de medições espaciais reproduzíveis e uma revisão de usabilidade baseada em evidências. Métricas não provam sucesso do usuário, acessibilidade ou qualidade geral do design. Componha com qualquer habilidade de design de gosto/token antes de reportar o design como "pronto".

Fonte: connerkward/deterministic-design-skill (MIT).

deterministic-design

Tese: o determinismo supera a aleatoriedade da IA. Um modelo não pode confiar em seu próprio olhar para o layout — então, não confie. Renderize a interface e meça-a.

Duas sub-habilidades (carregue conforme necessário):

• design-spatial — auditoria de layout determinística: grade explícita
  • espaçamento de 8pt, e layout-audit.js calcula o centroide / centro óptico / oráculo de pixels equilíbrio e desenha uma captura de tela anotada. Números, não impressões. Mais um loop de visão de renderização e crítica.
• design-ux — auditoria de usabilidade: pontua a interface renderizada contra as 10 heurísticas de interação de Nielsen via um juiz separado autorizado ou auto-revisão claramente divulgada → lista de correções priorizadas.

Isso melhora as habilidades de design existentes (incluindo a padrão da Anthropic) adicionando a camada que falta — não apenas aconselha sobre gosto, mas renderiza, mede e julga o resultado. Componível com qualquer habilidade de design.

No centro, isso vive como um subdiretório de ckw-design; ele publica separadamente como deterministic-design-skill (sua própria distribuição) via publish-skill. Uma das duas narrativas principais — a do determinismo; sua irmã é o humano no loop (lookdev).

Exemplo

Solicitação do usuário:

Revise esta interface com @deterministic-design, identifique os problemas de design de maior impacto e proponha uma melhoria pronta para implementação.

Limitações

• Métricas de layout e auditorias julgadas visualmente capturam muitas falhas espaciais e de usabilidade, mas não substituem o julgamento do produto ou testes com usuários.
• O fluxo de trabalho requer uma interface renderizada ou captura de tela; registre a viewport, escala, fontes, capture o estado e as definições de medição. Separe medições de layout, julgamentos visuais subjetivos e testes reais com usuários/acessibilidade.
• As sub-habilidades vinculadas e layout-audit.js são externas, não empacotadas. Leia e fixe-as antes de usar; o link não é disponibilidade executável. A delegação requer autorização explícita existente, e capturas de tela podem conter dados privados.
• A pontuação automatizada pode perder nuances de marca, tom de cópia, necessidades de acessibilidade e expectativas de usuário específicas do domínio.