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

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 especificamente para evitar isso.

começa com um conceito

Em vez de pedir ao Claude para 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.

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 é que ele segue em frente com uma.

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

depois, 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, não criei isso porque a IA não consegue criar 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 deveriam 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.