YouMind
Entrar

Como evitar que seus apps pareçam 'AI Slop'

@tobiadonadon_
INGLÊS03 de out. de 2026
226K
312
12
86
1.0K

TL;DR

O autor apresenta uma skill do Claude Code projetada para eliminar estéticas genéricas de 'AI slop' em interfaces de aplicativos. Ela funciona começando com um conceito visual específico, explorando múltiplas direções de design e usando uma passagem de crítica automatizada para garantir unicidade e qualidade.

A IA está ficando absurdamente boa em criar apps, o problema é que eles parecem um template, extremamente básicos.

Os mesmos cards arredondados.

Os mesmos gradientes suaves.

O mesmo layout de dashboard.

A mesma UI sem nenhuma ideia real por trás.

Então eu criei uma skill para o Claude Code que redesenha interfaces de apps justamente para evitar isso.

ela começa com um conceito

Em vez de pedir para o Claude fazer algo “clean”, “minimalista” ou “premium”, a skill começa encontrando um conceito visual que realmente combine com o app.

Um app de corrida pode ser construído em torno de uma pista de atletismo.

Um app de sono pode passar a sensação de um vilarejo indo dormir aos poucos.

Um app de plantas pode parecer um recorte de papel.

Um app para aprender italiano pode se inspirar nas cartas de baralho napolitanas.

Esse conceito vira a base para a tipografia, o layout, as cores, as ilustrações e as animações.

O objetivo é parar de desenhar a partir de padrões genéricos de UI e começar a partir de uma ideia de verdade.

ela não usa o primeiro design

Um dos maiores problemas do design feito por IA é que ela se compromete cedo demais.

Você dá um prompt, ela cria uma direção, e aí tudo passa a ser construído em cima dessa primeira resposta.

Essa skill obriga o Claude a explorar três direções diferentes antes.

Só depois de compará-las ele segue em frente com uma.

Só isso já faz o resultado final parecer muito menos previsível.

depois, ela revisa o próprio trabalho

Quando as telas estão desenhadas, elas são renderizadas na resolução real do iPhone, usando as fontes da Apple.

Em seguida, uma nova rodada de crítica busca os sinais clássicos de uma UI gerada por IA.

Padrões genéricos de componentes, hierarquia fraca, espaçamento inconsistente, cards repetitivos, gradientes desnecessários, layouts que parecem templates em vez de produtos.

Se algo soar genérico demais, passa por mais uma revisão.

o fluxo é:

conceito → direções → design → renderização → crítica → refinamento.

a ideia não é ter uma IA mais bonita, eu não criei isso porque a IA não consegue gerar interfaces atraentes.

Ela consegue.

O problema é que bonito e diferente não são a mesma coisa.

Muitos apps gerados por IA parecem polidos quando vistos sozinhos, mas coloque dez deles lado a lado e começam a parecer o mesmo produto.

As imagens acima foram todas criadas para evitar isso.

Apps diferentes precisam parecer mundos diferentes.

É basicamente para isso que a skill serve:

manter a velocidade do design gerado por IA, sem acabar com algo que parece ter sido feito por uma IA.

Recriar no YouMind

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Para criadores

Transforme seu Markdown em um artigo 𝕏 impecável

Quando você publica seus próprios textos longos, formatar imagens, tabelas e blocos de código para o 𝕏 é uma dor de cabeça. O YouMind transforma um rascunho completo em Markdown em um artigo 𝕏 impecável e pronto para publicar.

Experimente Markdown para 𝕏

Mais padrões para decifrar

Artigos virais recentes

Explorar mais artigos virais