distill
Simplificar e Reduzir o Design à Sua Essência
Esta habilidade ajuda assistentes de IA a simplificar designs complexos removendo elementos desnecessários, criando interfaces de usuário limpas e focadas que guiam os usuários aos seus objetivos.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "distill". Simplify this checkout flow that has 5 steps, 12 form fields, and multiple payment options visible at once
Erwartetes Ergebnis:
Recomendações incluem: Consolidar para fluxo de 2 etapas (envio + pagamento), auto-preencher endereço a partir do email, mostrar apenas o método de pagamento principal inicialmente, ocultar opções avançadas atrás de 'Mais opções', reduzir campos do formulário para 5 essenciais, usar revelação progressiva para campos opcionais
Verwendung von "distill". Our dashboard has 8 different charts, 4 sidebar navigation sections, and a header with 6 action buttons
Erwartetes Ergebnis:
Recomendações incluem: Reduzir para 2-3 gráficos principais na visualização principal, mover outros para visualizações em abas, consolidar barra lateral para 2 seções (nav principal + configurações), reduzir cabeçalho para 1 ação principal + menu de ícones, usar espaço em branco em vez de contêineres de cartões
Sicherheitsaudit
SicherStatic scanner detected 12 false positive patterns related to cryptographic algorithm warnings and system reconnaissance. These are triggered by design terminology (strip, remove, simplify) used in context of UI/UX simplification, not actual cryptographic code or security reconnaissance. The skill is a legitimate design methodology guide with no security concerns.
Erkannte Muster
Qualitätsbewertung
Was du bauen kannst
Limpeza de Design de UI
Um designer de UX tem um painel desorganizado com botões, cores e informações demais competindo pela atenção. A habilidade ajuda a identificar o que é essencial e cria um plano de simplificação.
Otimização de Landing Page
Uma equipe de marketing deseja reduzir sua landing page à sua mensagem principal. A habilidade guia a remoção de elementos desnecessários enquanto preserva os caminhos de conversão.
Refinamento de Sistema de Design
Um sistema de design acumulou muitos componentes e variantes. A habilidade ajuda a consolidar e reduzir aos padrões essenciais que cobrem 90% dos casos de uso.
Probiere diese Prompts
Use a habilidade distill para simplificar o design de [component or feature]. Foque em remover a desordem visual e identificar o que é essencial.
Use a habilidade distill para analisar todo o sistema de design. Identifique todas as fontes de complexidade e crie um plano para simplificação sistemática em arquitetura da informação, design visual, layout, interações e conteúdo.
Use a habilidade distill para revisar nossa biblioteca de componentes. Identifique componentes com variantes demais e recomende consolidação às variações essenciais que cobrem a maioria dos casos de uso.
Use a habilidade distill para simplificar o design com foco em melhorar a performance. Recomende o que pode ser removido ou adiado para reduzir o tempo de carregamento inicial.
Bewährte Verfahren
- Sempre execute o Protocolo de Coleta de Contexto da habilidade frontend-design antes de começar a simplificação
- Foque no UM objetivo principal do usuário e remova tudo que o distraia
- Use revelação progressiva para ocultar complexidade ao invés de remover recursos inteiramente
- Verifique que a simplificação melhora o tempo de conclusão da tarefa e reduz a carga cognitiva
Vermeiden
- Remover funcionalidade necessária apenas para simplificar - simplicidade não é ausência de recursos
- Simplificar demais domínios complexos onde a complexidade corresponde à dificuldade real da tarefa
- Remover informações que os usuários precisam para tomar decisões informadas
- Eliminar hierarquia completamente para que nada se destaque como importante