Personalmente ho provato a "scrivere codice tramite suggerimenti" e ho scoperto di recente che è possibile creare fino a cinque siti web in una singola sessione utilizzando un abbonamento Cloud gratuito . Dopodiché, è necessario attendere cinque ore prima di poter riutilizzare il servizio o passare a Cloud Pro.
Ho testato Cloud e 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
La richiesta: "Progetta una homepage semplice per un blog di ricette, con uno sfondo bianco puro, eleganti caratteri serif e una griglia di tre schede ricetta. Ogni scheda deve includere un'immagine, il titolo della ricetta e un effetto di scorrimento che riveli gli ingredienti. Assicurati che sia ottimizzata per 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
Il prompt: "Progetta un sito web futuristico di una sola pagina per un'immaginaria compagnia di estrazione mineraria spaziale. Includi uno sfondo animato a stelle che riempia lo schermo, una dichiarazione di intenti in caratteri metallici audaci e un'astronave animata che attraversa lentamente lo 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 gli effetti del mouse, la navigazione tramite tastiera e lo scorrimento parallasse danno davvero vita all'esperienza utente. Claude ha svolto un lavoro eccellente curando i dettagli.
4. Sito di storie per bambini
La richiesta: "Progetta un sito web divertente e colorato per un libro di fiabe per bambini. Usa caratteri grandi e originali, illustrazioni di animali e un pulsante che sfogli tre brevi 'pagine' di storie con una semplice animazione. Includi uno sfondo che cambi 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
La richiesta: "Crea una dashboard dati moderna, con tema scuro e grafici interattivi utilizzando dati fittizi. Includi una barra laterale, un orologio in tempo reale nella parte superiore e tre grafici: un grafico a barre, un grafico a linee e un grafico a torta. Aggiungi effetti al 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.
Ho apprezzato molto l'orologio in tempo reale nell'intestazione e i grafici interattivi sono un'ottima aggiunta. Apprezzo anche il fatto che Claude abbia aggiunto dati fittizi, permettendomi così di visualizzare concretamente i risultati.
6. Luogo di meditazione del giardino zen
La richiesta: "Crea un semplice sito web di meditazione a pagina singola con uno sfondo sfumato delicato, acqua che scorre animata in basso e un albero di ciliegio che lascia cadere lentamente i suoi petali sullo schermo. Includi un grande pulsante "Inizia la meditazione" che riproduca una rilassante musica d'ambiente e svanisca 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
La richiesta: "Crea un sito web ispirato al mondo del neon cyberpunk, che mostri un mercato di strada futuristico. Utilizza effetti glitch al passaggio del mouse, insegne al neon lampeggianti e menu animati in stile olografico. Ogni scheda prodotto dovrebbe illuminarsi al passaggio del mouse e includere un breve effetto sonoro synthwave. Aggiungi un'animazione di pioggia ricorrente per creare un'atmosfera emozionante."
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 intuitivo e coinvolgente. Non sarei mai riuscito a programmare queste funzionalità senza il prezioso contributo di Claude . Il sito cattura perfettamente l'atmosfera cruda e illuminata al neon di un mercato di strada cyberpunk, con animazioni fluide, autentici suoni synthwave ed effetti visivi immersivi.
8. Diario di missione fantasy
La richiesta: "Progetta un sito web per avventure fantasy ispirato a un manoscritto antico. Fai in modo che la penna d'oca si illumini e lasci una scia luminosa quando viene mossa, che la barra di navigazione laterale assomigli a un libro di incantesimi medievale e che ci sia una pagina in cui gli utenti possano 'collezionare' tre oggetti magici cliccando su icone che si muovono quando vengono trovate."
Questo esempio dimostra che Claude è in grado di gestire con facilità un design accattivante e fantasioso. Il puntatore luminoso a forma di penna lascia scie scintillanti mentre si esplora il sito, mentre il menu di navigazione si dispiega come un libro di incantesimi medievale con una rilegatura in pelle ed effetti di animazione al passaggio del mouse.
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
La richiesta: "Crea un sito web divertente e interattivo in cui i visitatori possano 'adottare' un animale domestico in stile cartone animato (gatto, cane o drago). Ogni animale dovrebbe avere un'animazione in modalità inattiva, reagire al clic (fare le fusa, scodinzolare, sputare fuoco) e poter essere 'nutrito' trascinando le icone del cibo su di esso. Aggiungi una musica di sottofondo allegra con la possibilità di disattivarla."
Ha creato un sito web interattivo per l'adozione di animali domestici, tanto delizioso quanto coinvolgente. Ogni animale ha il suo personaggio dei cartoni animati con una personalità divertente. Claude rende facile trascinare e rilasciare il cibo per nutrirli, osservare i loro indicatori di felicità salire e sbloccare reazioni divertenti che vanno 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.