SkillDesignSíntese
Síntese do Plano de Refinamento
Consolida os achados de todas as avaliações em um plano de refinamento único, priorizado por impacto.
Ações
PerfilDesigner
ProfundidadeMédia
IdiomaPortuguês
Objetivo
Em uma frase.
Consolidar os achados das três avaliações dimensionais em um plano de refinamento único, priorizado por impacto, com intervenções concretas, ordem de execução recomendada e critérios de aceitação mensuráveis para cada intervenção.
Aplicação
Quando
faz sentido.
Usar
- Como Etapa 6 e última do workflow refinamento-de-interface, somente após a conclusão das avaliações de hierarquia/layout, tipografia e cor.
- Quando o profissional tem diagnósticos de múltiplas dimensões e precisa de uma visão integrada e priorizada para começar a executar.
- Quando há risco de sobrecarga de informação — muitos problemas identificados sem clareza sobre por onde começar.
Não usar
- Antes de concluir todas as três avaliações dimensionais (Skills 3, 4 e 5) — a síntese sem diagnóstico completo gera um plano parcial.
- Para planejar a implementação técnica das intervenções — esta skill produz o plano de design; a execução técnica é responsabilidade do profissional.
Prompt
Instruções
para a IA.
Passo 1 — Consolidar todos os problemas identificados
Agregar em uma lista única todos os problemas identificados nas três avaliações. Cada problema deve manter a informação original: nome, localização, dimensão, severidade e impacto. Não editar ou reinterpretar os achados neste passo — apenas consolidar.
Após a consolidação, verificar:
- Há problemas em dimensões diferentes que têm a mesma causa raiz? (Ex: espaçamento arbitrário em layout E inconsistência de pesos tipográficos podem ambos resultar de ausência de design tokens)
- Há problemas que se agravam mutuamente? (Ex: falta de hierarquia tipográfica + falta de hierarquia de espaçamento = interface sem nenhum sinal de prioridade)
- Algum problema identificado pode ser resolvido como subproduto da solução de outro? (Ex: introduzir uma escala de espaçamento resolve múltiplos problemas de layout ao mesmo tempo)Passo 2 — Identificar os 3 problemas de maior impacto
Antes de organizar o plano completo, identificar os 3 problemas que, se resolvidos, teriam o maior impacto perceptível na qualidade visual da interface. Esses problemas devem:
- Ter severidade alta nas avaliações dimensionais, ou
- Violar diretamente um critério de qualidade definido na ficha de contexto, ou
- Ser a causa raiz de outros problemas identificadosFormular cada problema em uma frase que o profissional possa apresentar para a equipe como justificativa de priorização. Exemplos: - "A interface não diferencia visualmente serviços críticos de serviços saudáveis, o que compromete o critério de identificação em 3 segundos durante incidentes." - "A paleta usa cinza neutro puro em todos os backgrounds, resultando em uma interface que parece fria e corporativa — contrariando diretamente o tom de marca esperado." - "A escala tipográfica tem variações de 1–2px entre níveis, tornando a hierarquia de texto invisível em leitura periférica."
Passo 3 — Organizar as intervenções em três camadas de prioridade
Classificar cada intervenção em uma das três camadas:
Camada 1 — Essencial
Intervenções que resolvem problemas de severidade alta ou que violam critérios de qualidade definidos. São o mínimo necessário para que a interface atenda ao padrão esperado. Não são opcionais — devem ser executadas antes de qualquer outra coisa.Camada 2 — Importante Intervenções que resolvem problemas de severidade média — que degradam a qualidade percebida mas não comprometem critérios funcionais. Devem ser executadas após a Camada 1.
Camada 3 — Incremental Intervenções que resolvem problemas de severidade baixa — melhorias que elevam o polimento sem mudar o padrão geral. São opcionais dentro do escopo de um ciclo de refinamento, mas valem a pena quando há tempo.
Passo 4 — Definir a ordem de execução recomendada
Para cada camada, definir a ordem de execução levando em conta dependências:
Dependências comuns:
- Ajustes de espaçamento geralmente precedem ajustes tipográficos (a escala de espaçamento influencia o ritmo que a tipografia precisa respeitar)
- Ajustes de paleta de cor geralmente precedem ajustes de contraste (a paleta define os valores; o contraste verifica os pares)
- Ajustes estruturais de hierarquia geralmente precedem ajustes decorativos ou de identidadeIndicar a ordem numericamente dentro de cada camada. Quando intervenções forem independentes, indicar que podem ser executadas em paralelo.
Passo 5 — Formular critérios de aceitação para cada intervenção
Cada intervenção no plano deve ter um critério de aceitação verificável — uma condição objetiva que indica quando a intervenção está concluída e atende ao padrão esperado.
Formato de critério verificável:
- ✓ "Os valores de métricas dentro dos cards usam peso 700 e tamanho 20px; os labels correspondentes usam peso 400 e tamanho 12px. A diferença é perceptível em leitura periférica."
- ✓ "O background da interface usa um neutro com temperatura quente (ex: oklch(97% 0.01 60)) em vez de branco puro — verificável pela temperatura visual comparada ao branco puro."
- ✓ "Serviços em estado crítico (badge vermelho) são visualmente separados dos serviços saudáveis na lista — através de posicionamento no topo, tamanho de card maior ou borda de destaque."
- ✗ "A tipografia está melhor." [não verificável]---
Casos
Exemplos
de uso.
---
## Exemplo 1 — Painel de monitoramento de infraestruturaConstelação
Onde
ela vive.
Workflows que usam
Bundles que incluem
Execução
Como usar
com IA.
- 01Copie a skill (botão "Copiar skill para IA", no topo): o texto copiado já é a skill completa, não um resumo.
- 02Abra o Claude ou Claude Code e cole — a IA recebe todas as instruções e fica pronta para a tarefa.
- 03Prefere usar como arquivo reutilizável? Baixe o .zip e coloque o
SKILL.mdem.claude/skills/(Claude Code) ou anexe o arquivo no Claude (claude.ai).