Vibe coding: i tool per non fare siti tutti uguali

Oggi chiunque (o quasi) può dare vita al proprio prodotto digitale, anche senza scrivere una riga di codice. Si chiama vibe coding: descrivi a parole quello che vuoi e l’AI scrive il codice al posto tuo.

Anche noi in Minnovo usiamo l’AI per realizzare siti web e web app per i nostri clienti. Il nostro setup per il vibe coding, nel 90% dei casi, è Lovable (come infrastruttura e per i task semplici) più Claude Code. Una combo perfetta, anche perché le due piattaforme si parlano tramite MCP (il protocollo che permette a un’AI di usare altri strumenti). Il nostro metodo passo per passo lo trovi in come creare un sito web con l’AI.

C’è però un problema molto comune: i siti e le app fatti in vibe coding si somigliano tutti. Stesso layout basico, senza nessun effetto wow o memorabile.

Ovviamente chiunque può generare un’interfaccia web con un prompt, ma in pochi conoscono i tool e i «trucchi» del mestiere per farne una davvero bella.

Ma non ti preoccupare, oggi ti condivido i tool che usiamo noi per evitare di generare AI slop di siti.

Trova l’ispirazione

• Dribbble. Design originali che screenshotti e dai all’AI come riferimento di stile, senza farli copiare.
• Mobbin. App e siti reali a cui puoi ispirarti, schermata per schermata.
• Awwwards. Siti premiati da una giuria, che ogni giorno sceglie un «Sito del giorno» da studiare.
• Siteinspire. Galleria curata di siti web selezionati per categoria e stile.
• designmd.ai. Centinaia di design system (le regole grafiche di un sito, dai colori ai font) già pronti in formato md.
• getdesign.md. Come designmd.ai, ma con analisi non ufficiali dei siti di brand famosi come Stripe, Apple e Airbnb. Un’ottantina sono gratis, le altre a pagamento.
• Refero. Raccolta di stili e design system ricavati da siti reali, anche questi in formato md.
• Neuform. Da un prompt genera landing page e app con il loro design system in formato md, da dare in pasto all’AI. A pagamento.

Usa i componenti da libreria

Invece di chiedere all’AI «fammi una sezione bella», dalle un componente già fatto bene da cui partire.

• shadcn/ui. Lo standard di fatto per gli elementi UI delle web app in React. È anche la base dei progetti Lovable.
• Cult UI. Più di 150 componenti animati compatibili con shadcn, tutti gratis.
• Aceternity UI. Animazioni Tailwind e Motion (l’ex Framer Motion) pronte all’uso.
• Magic UI. Componenti animati, minimal ma d’effetto.
• Untitled UI. Kit enorme per design system super minimal.
• React Bits. Animazioni, componenti e sfondi davvero belli.
• Skiper UI. Più di 100 componenti con effetti scroll e hover; circa un terzo sono gratis.
• Watermelon UI. Componenti belli, moderni e tondeggianti.
• Uiverse.io. Più di 7.000 elementi UI open source creati dalla community, da copiare gratis.
• 21st.dev. Oltre 10.000 componenti React e Tailwind pubblicati da designer e sviluppatori. Sfogliarli è gratis, ma senza abbonamento ne copi solo due al giorno.
• Motion-Primitives. Componenti con animazioni avanzate.
• Shader Gradient. Genera sfumature e sfondi animati in stile shader.

Per prompt avanzati

Questi tool ti aiutano a scrivere il prompt, o a partire da qualcosa di già pronto.

• ui2code.ai. Al posto del prompt carichi lo screenshot del tuo design e ottieni il codice della pagina, con l’anteprima.
• Superdesign. Descrivi la pagina e ti genera più versioni da confrontare, nel browser oppure da Claude Code o Cursor.
• Vibe Coding Visual Guide. Scegli il componente, lo personalizzi e ottieni il prompt già scritto.
• MotionSites. Trovi prompt pronti per hero section, landing page animate e sfondi video, da incollare in Lovable o Claude. Quasi tutti a pagamento.

Icone per nulla stock

• 3dicons. Icone 3D open source e gratuite, perfette per dare profondità alle tue interfacce.
• Animate UI. Le icone Lucide (quelle di default di shadcn e Lovable), ma animate. Ideali per aggiungere microinterazioni.

Questi sono i miei preferiti del momento. Se ne usi altri, segnalameli su LinkedIn, perché sharing is caring!

E se il sito preferisci farlo fare a noi, parliamone.