YouMind
Accedi

Come evitare che le tue app sembrino AI slop

226K
312
12
86
1.0K

TL;DR

L'autore presenta una skill per Claude Code progettata per eliminare l'estetica generica 'AI slop' nelle interfacce delle app. Funziona partendo da un concetto visivo specifico, esplorando molteplici direzioni di design e utilizzando un passaggio di critica automatizzato per garantire unicità e qualità.

L'IA sta diventando incredibilmente brava a creare app, il problema è che sembrano tutte uscite da un template: estremamente basilari.

Stesse card con gli angoli arrotondati.

Stessi gradienti tenui.

Stesso layout da dashboard.

Stessa UI senza una vera idea dietro.

Così ho creato una skill per Claude Code che ridisegna le interfacce delle app proprio per evitare questo effetto.

parte da un concept

Invece di chiedere a Claude di fare qualcosa di "pulito", "minimal" o "premium", la skill inizia cercando un concept visivo che si adatti davvero all'app.

Un'app per la corsa può essere costruita attorno a una pista di atletica.

Un'app per il sonno può dare la sensazione di un villaggio che si addormenta lentamente.

Un'app sulle piante può sembrare un ritaglio di carta.

Un'app per imparare l'italiano può ispirarsi alle carte napoletane.

Quel concept diventa la base per tipografia, layout, colori, illustrazioni e animazioni.

L'obiettivo è smettere di progettare partendo da pattern UI generici e iniziare da un'idea concreta.

non si ferma al primo design

Uno dei problemi più grandi del design fatto dall'IA è che si fossilizza troppo presto.

Le dai un prompt, crea una direzione, e poi tutto viene costruito attorno a quella prima risposta.

Questa skill obbliga Claude a esplorare prima tre direzioni diverse.

Solo dopo averle confrontate ne sceglie una con cui proseguire.

Già solo questo rende il risultato finale molto meno prevedibile.

poi controlla il proprio lavoro

Una volta disegnate le schermate, vengono renderizzate alla risoluzione reale dell'iPhone usando i font Apple.

Poi un altro passaggio di revisione va a caccia dei soliti segnali di un'UI generata dall'IA.

Pattern di componenti generici, gerarchia debole, spaziature incoerenti, card ripetitive, gradienti inutili, layout che sembrano template invece che prodotti veri.

Se qualcosa sa troppo di già visto, ci si lavora sopra un'altra volta.

il flusso di lavoro è questo:

concept → direzioni → design → render → revisione → rifinitura.

il punto non è avere un'IA più bella, non l'ho creata perché l'IA non sia capace di realizzare interfacce attraenti.

Ne è eccome capace.

Il problema è che "attraente" e "diverso" non sono la stessa cosa.

Molte app generate dall'IA sembrano curate se le guardi da sole, ma mettine dieci una accanto all'altra e inizieranno a sembrare lo stesso identico prodotto.

Le immagini qui sopra sono state create tutte per evitare questo effetto.

App diverse dovrebbero sembrare mondi diversi.

Ed è praticamente a questo che serve la skill:

mantenere la velocità del design generato dall'IA, senza ritrovarsi con qualcosa che sembra fatto dall'IA.

Rielabora in 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
Per i creator

Trasforma il tuo Markdown in un articolo 𝕏 pulito

Quando pubblichi i tuoi testi lunghi, formattare immagini, tabelle e blocchi di codice per 𝕏 è una seccatura. YouMind trasforma un'intera bozza Markdown in un articolo 𝕏 pulito e pronto da pubblicare.

Prova Markdown verso 𝕏

Altri pattern da decodificare

Articoli virali recenti

Esplora altri articoli virali