distill

Visão Geral

O que é distill?

distill é uma skill de design de interface focada em reduzir as interfaces aos seus elementos essenciais. Ao eliminar complexidade desnecessária, poluição visual e recursos redundantes, distill ajuda a criar designs limpos, poderosos e centrados no usuário. Essa skill é especialmente útil quando você precisa simplificar, organizar, reduzir ruído ou tornar uma interface mais intuitiva e visualmente atraente.

Quem Deve Usar o distill?

• Designers UI/UX que buscam interfaces minimalistas e eficazes
• Desenvolvedores que querem melhorar usabilidade e clareza
• Equipes de produto que desejam reduzir o excesso de funcionalidades e focar no valor principal

Problemas Resolvidos

• Layouts excessivamente complexos
• Poluição visual causada por estilizações exageradas
• Sobrecarga de informações
• Hierarquia e navegação confusas

Como Usar

Passos para Instalação

1. Instale o distill usando o Agent Skills CLI:

   npx skills add https://github.com/pbakaus/impeccable --skill distill
   

2. Comece revisando o arquivo SKILL.md para detalhes do fluxo de trabalho e orientações.
3. Para contexto completo, consulte também README.md, AGENTS.md e metadata.json, se disponíveis.

Visão Geral do Fluxo de Trabalho

• Preparação Obrigatória:
  • Execute /frontend-design para coletar princípios de design e contexto.
  • Se não houver contexto de design, execute /teach-impeccable primeiro.
• Avaliar o Estado Atual:
  • Identifique fontes de complexidade: muitos elementos, variações excessivas, sobrecarga de informações, poluição visual, hierarquia confusa, excesso de funcionalidades.
  • Esclareça o objetivo principal do usuário e defina o que é essencial.
• Planejar a Simplificação:
  • Decida o que remover, ocultar ou combinar.
  • Foque nos 20% das funcionalidades que entregam 80% do valor.
• Aplicar o distill:
  • Remova elementos e estilos de UI desnecessários.
  • Garanta que a hierarquia esteja clara e o design focado.

Estrutura de Arquivos

• Comece pelo SKILL.md para orientações passo a passo.
• Explore arquivos e pastas de suporte para contexto e recursos adicionais.

Perguntas Frequentes

O distill é adequado para todos os projetos de UI?

distill é mais indicado quando o objetivo é simplificar e clarificar uma interface. Pode não ser ideal para aplicações muito ricas em funcionalidades onde a complexidade é necessária.

O que devo revisar primeiro após a instalação?

Comece pelo arquivo SKILL.md, que contém o fluxo principal e os passos de preparação. Use a aba Files para explorar referências e scripts adicionais.

Como o distill lida com a falta de contexto de design?

Se o contexto de design estiver ausente, o distill exige que você execute /teach-impeccable ou utilize a ferramenta AskUserQuestion para esclarecer os objetivos do usuário antes de prosseguir.

O distill pode ser personalizado para diferentes repositórios?

Sim, adapte o fluxo de trabalho do distill para se adequar às suas ferramentas específicas, estrutura do repositório e restrições operacionais. A skill oferece um framework flexível para simplificação de UI.