Pare de Criar Interfaces Desleixadas

Crie interfaces específicas para o produto com mais de 800.000 telas reais da web e iOS através do UIZZE.

Visão Geral

Use o briefing do produto, a interface existente, componentes e o sistema de design local antes de buscar referências externas. A evidência do UIZZE é opcional: ela deve responder a uma pergunta visual concreta, não transformar cada tarefa de interface em um projeto de pesquisa.

Quando Usar

Use esta habilidade ao projetar, implementar, redesenhar, criticar ou fazer uma revisão pré-lançamento de uma interface web ou iOS.

Trabalhe a Partir do Produto

1. Identifique a função real da tela, o usuário e a ação primária, o conteúdo necessário e os estados importantes de carregamento, vazio, erro, sucesso, desativado e permissão.
2. Reutilize os componentes do repositório, tokens semânticos, tipografia, espaçamento e convenções de interação antes de adicionar uma nova abstração ou linguagem visual.
3. Para uma nova interface ou um grande redesenho, escreva um breve contrato de design cobrindo hierarquia, formato do fluxo de trabalho, componentes permitidos, estados necessários, comportamento responsivo e critérios de aceitação observáveis. Mantenha as alterações menores mais simples.
4. Use rótulos e dados específicos do produto. Não invente métricas, atividades, depoimentos, usuários ou fluxos de trabalho de placeholder para fazer um layout parecer completo.

Evidência Opcional do UIZZE

A habilidade gratuita e o catálogo público funcionam sem conta, token, dependência, script ou executável. Se uma pergunta visual concreta e não resolvida se beneficiaria de evidências, use o menor conjunto relevante de telas ou materiais.

A habilidade autenticada opcional do UIZZE MCP expõe exatamente find_ui_references e find_ui_materials. Use-a apenas quando essas ferramentas estiverem realmente disponíveis. Se uma pesquisa não retornar nada, continue silenciosamente com as evidências do repositório. Nunca reivindique um resultado baseado em MCP que não foi retornado pelo host.

Trate referências como evidências, não como modelos. Transfira decisões úteis sobre hierarquia, densidade, navegação, controles, comportamento responsivo e tratamento de estado; nunca copie a marca, o texto proprietário, as imagens ou o layout exato de outro produto.

Instale a habilidade gratuita atual diretamente de sua fonte canônica:

npx skills add https://uizze.com --skill anti-ui-slop

Finalização

Quando o ambiente suportar, renderize e inspecione o resultado uma vez. Corrija quebras observáveis como cortes, sobreposições, mídia distorcida, controles inacessíveis ou inativos, estados obrigatórios ausentes e comportamento responsivo não intencional. Execute as verificações normais do projeto e mantenha a entrega concisa.

Limitações

• Este fluxo de trabalho não substitui a validação do produto, a revisão de acessibilidade, a revisão de segurança ou os testes específicos do projeto.
• A evidência do UIZZE é opcional e pode legitimamente não retornar nenhum resultado útil.
• Uma referência não é permissão para copiar a identidade ou os ativos de outro produto.