Anch'io ho sperimentato la "codifica ispirazionale" e di recente ho scoperto che con un abbonamento è possibile creare fino a cinque siti web in una sessione. Claude Gratuito. Dopodiché, dovrai attendere cinque ore per riutilizzare il servizio o passare a Cloud Pro.
Ho fatto un test Claude Ho creato nove siti web unici in meno di un'ora. Ecco i risultati.
1. Pagina di destinazione per vecchi giochi arcade
Richiedente:"Un gioco arcade vecchio stile, con uno stile neon, un font pixel, uno sfondo animato pulsante e tre grandi pulsanti illuminati che ricreano l'atmosfera di un 'classico arcade'. Sono stati aggiunti effetti sonori quando si passa il mouse sopra i pulsanti."
Ispirato ai videogiochi arcade retrò, questo sito a tema neon offre una vera atmosfera arcade anni '80. La pixel art è davvero divertente e ogni pulsante ha il suo effetto sonoro interattivo. Con angoli luminosi e sottili effetti glitch, il design è esattamente quello che speravo: reattivo, intuitivo da usare con la tastiera e pronto per essere abbinato a giochi reali. Nel complesso, questo sito dà la sensazione di essere entrati direttamente in una classica sala giochi.
2. Blog di ricette semplici
Richiedente:"Un design semplice per la homepage di un blog di ricette, con uno sfondo bianco puro, eleganti font serif e una griglia di tre schede di ricette. Ogni scheda dovrebbe includere un'immagine, il titolo della ricetta e un effetto al passaggio del mouse che ne riveli gli ingredienti. Rendetela adatta ai dispositivi mobili."
Questa semplice homepage per un blog di ricette è elegante e pulita. Il design ottimizzato per dispositivi mobili offre interazioni touch intuitive con ingredienti che si possono scoprire toccandoli, rendendola ideale per l'uso da dispositivi mobili. La tipografia e la spaziatura si adattano bene a schermi di tutte le dimensioni.
Il design crea un perfetto equilibrio tra funzionalità semplice e tipografia sofisticata. Dettagli unici, come l'animazione sovrapposta dei componenti, uniscono l'intera pagina, conferendole un aspetto esclusivo e accogliente.
3. Pagina di avvio ispirata alla fantascienza
Richiedente: "Progetta un sito web futuristico di una sola pagina per un'immaginaria azienda di estrazione mineraria spaziale. Includi uno sfondo animato di stelle che riempiono lo schermo, una dichiarazione di intenti in grassetto metallico e un'astronave animata che vola lentamente sullo schermo. Aggiungi un pulsante di invito all'azione: "Unisciti alla flotta"."
Dai videogiochi arcade degli anni '80 ai film di fantascienza, questo sito presenta uno sfondo stellato che riempie lo schermo con stelle scintillanti, comete volanti e particelle spaziali alla deriva, mentre una simpatica astronave vola sullo schermo. La stampa metallica audace, il testo lucido e i pulsanti pulsanti aggiungono un senso di esplorazione.
Elementi interattivi come i movimenti del mouse, la navigazione tramite tastiera e lo scorrimento parallasse rendono davvero viva l'esperienza dell'utente. Claude Ottimo lavoro curato nei minimi dettagli.
4. Sito di storie per bambini
Richiedente: "Un design divertente e colorato per un sito web dedicato a un libro di fiabe per bambini. Utilizza caratteri grandi e fantasiosi, illustrazioni di animali e un pulsante che sfoglia tre brevi "pagine" di racconti con semplici animazioni. Includi uno sfondo che cambia colore a ogni pagina."
Claude ha creato un sito web straordinario, dal fascino stravagante. La storia segue tre animali: una volpe di nome Felix, un orso di nome Benny e una farfalla di nome Bella, in un'avventura colorata che si snoda su tre pagine interattive.
Ogni pagina del sito presenta divertenti sfumature di colore di sfondo, vivaci emoji di animali e fluide animazioni di scorrimento, il che lo rende un vero e proprio libro interattivo. I font sono chiari e allegri, i dettagli animati aggiuntivi sono coinvolgenti e, nel complesso, questo sito piace ai giovani lettori, soprattutto a quelli abituati a trascorrere del tempo davanti agli schermi.
5. Dashboard dati interattiva
Richiedente:Crea una dashboard dati moderna, con temi scuri e grafici interattivi, utilizzando dati fittizi. Includi una barra laterale, un orologio in tempo reale in alto e tre grafici: un grafico a barre, un grafico a linee e un grafico a torta. Aggiungi effetti di passaggio del mouse e transizioni fluide tra le sezioni.
Ho deciso di creare questo sito web come esempio di business case. La dashboard a tema scuro include tutte le funzionalità che ho richiesto nel prompt, tra cui un'elegante barra laterale con animazioni fluide. Il design responsivo funziona sia su desktop che su dispositivi mobili e include quattro sezioni principali con transizioni fluide.
Mi piace l'orologio in tempo reale nell'intestazione e i grafici interattivi sono un'ottima aggiunta. Apprezzo il modo in cui ha aggiunto Claude Dati fittizi, così posso effettivamente visualizzare la vista.
6. Luogo di meditazione del giardino zen
Richiedente: "Crea un sito web di meditazione semplice, di una sola pagina, con uno sfondo sfumato, un'animazione dell'acqua che scorre in basso e un ciliegio che lascia cadere lentamente i suoi petali sullo schermo. Includi un grande pulsante "Inizia meditazione" che riproduca una musica d'ambiente rilassante e si concluda con una citazione ispiratrice."
Sono rimasto molto soddisfatto del risultato di questo sito. Lo sfondo sfumato, con colori come pesca, rosa, corallo e viola, risalta, contribuendo a promuovere calma e consapevolezza. Il sito crea un'atmosfera davvero serena, perfetta per la meditazione.
7. Mercato Cyberpunk
Richiedente: "Crea un sito web ispirato al cyberpunk al neon con un mercato di strada futuristico. Usa effetti glitch al passaggio del mouse, insegne al neon lampeggianti e menu animati in stile ologramma. Ogni scheda prodotto dovrebbe illuminarsi al passaggio del mouse e includere un breve effetto sonoro synthwave. Aggiungi un'animazione ricorrente di pioggia per creare un senso di eccitazione."
La caratteristica distintiva di questo sito è l'effetto atmosferico. Dalle ricorrenti animazioni della pioggia alle insegne al neon lampeggianti, fino allo sfondo animato a griglia, questo sito è visivamente accattivante.
I tre diversi suoni di sintetizzatore e i pulsanti interattivi rendono questo sito facile da usare e coinvolgente. Non avrei potuto programmare queste funzionalità da solo senza Claude Con tutta l'azione che offre. Il sito cattura perfettamente l'atmosfera cupa di un mercato cyberpunk illuminato al neon, con animazioni fluide, suoni synthwave autentici ed effetti visivi immersivi.
8. Diario di missione fantasy
Richiedente:"Progetta un sito web di avventure fantasy ispirato a un antico manoscritto. Fai in modo che il cursore a forma di penna si illumini e lasci una scia di scintille quando viene spostato, che la barra laterale assomigli a un libro di incantesimi medievale e che gli utenti possano "collezionare" tre oggetti magici cliccando su icone che si muovono quando vengono trovate."
Questo esempio dimostra che Claude Può facilmente gestire un design fantasy magico. Il cursore a forma di penna luminosa lascia tracce scintillanti mentre esplori il sito, mentre il menu di navigazione si apre come un libro di incantesimi medievale rilegato in pelle con effetti di passaggio animati.
Il contenuto principale si basa su rotoli di papiro con iscrizioni antiche e una raffinata tipografia medievale, che conferiscono al sito un autentico fascino antico. Grazie al design responsive, ai bagliori interattivi e ai risultati interattivi, ogni clic è un'esperienza di interazione magica e antica.
9. Adotta un animale domestico dei cartoni animati
Richiedente: Crea un sito web divertente e interattivo in cui i visitatori possano "adottare" un animale domestico a fumetti (un gatto, un cane o un drago). Ogni animale dovrebbe avere un'animazione inattiva, reagire quando viene cliccato (facendo le fusa, scodinzolando, sputando fuoco) e poter essere "nutrito" trascinandovi sopra le icone del cibo. Aggiungi un sottofondo musicale allegro con possibilità di disattivare l'audio.
Ho creato un sito web interattivo per l'adozione di animali domestici, divertente e coinvolgente. Ogni animale ha il suo personaggio dei cartoni animati con una personalità divertente. È facile da usare. Claude Trascina e rilascia il cibo per dar loro da mangiare, guarda i loro indicatori di felicità salire e sblocca reazioni deliziose, dalle fusa ai ruggiti sputafuoco.
C'è anche una melodia ricorrente e allegra che contribuisce a creare l'atmosfera. Il sito è completamente responsive, touch-friendly e chiaramente progettato per un'esperienza divertente, emozionante e interattiva.
I commenti sono chiusi.