Ich habe selbst das „Code-Schreiben per Vorschlag“ ausprobiert und kürzlich festgestellt, dass man mit einem kostenlosen Cloud -Abonnement bis zu fünf Websites in einer einzigen Sitzung erstellen kann . Danach muss man fünf Stunden warten, um den Dienst erneut nutzen zu können, oder auf Cloud Pro upgraden.
Ich habe Cloud getestet und in weniger als einer Stunde neun einzigartige Websites erstellt. Hier sind die Ergebnisse.
1. Landingpage für alte Arcade-Spiele
Beanspruchen:„Ein Arcade-Spiel im Old-School-Stil mit Neon-Stil, Pixelschrift, pulsierendem, animiertem Hintergrund und drei großen, beleuchteten Schaltflächen, die ein klassisches Arcade-Feeling erzeugen. Soundeffekte beim Überfahren der Schaltflächen hinzugefügt.“
Inspiriert von Retro-Arcade-Spielen vermittelt diese neonfarbene Seite echtes 80er-Jahre-Arcade-Feeling. Die Pixelgrafik macht richtig Spaß und jeder Button hat seinen eigenen interaktiven Soundeffekt. Mit leuchtenden Akzenten in den Ecken und subtilen Glitch-Effekten ist das Design genau das, was ich mir erhofft hatte: reaktionsschnell, tastaturfreundlich und bereit für echte Spiele. Insgesamt fühlt man sich auf dieser Seite, als wäre man direkt in eine klassische Spielhalle eingetreten.
2. Einfacher Rezept-Blog
Die Anfrage: „Entwerfen Sie eine schlichte Homepage für einen Rezeptblog mit reinweißem Hintergrund, eleganten Serifenschriften und einem Raster aus drei Rezeptkarten. Jede Karte soll ein Bild, den Rezepttitel und einen Scroll-Effekt enthalten, der die Zutaten anzeigt. Die Homepage soll für mobile Endgeräte optimiert sein.“
Diese einfache Homepage für einen Rezepte-Blog ist schlicht und übersichtlich. Das mobilfreundliche Design ermöglicht einfache Touch-Interaktionen mit Zutatenanzeige durch Antippen und ist somit ideal für die mobile Nutzung. Typografie und Abstände funktionieren auf allen Bildschirmgrößen.
Das Design schafft eine perfekte Balance zwischen einfacher Funktionalität und anspruchsvoller Typografie. Einzigartige Details wie die überlappende Animation der Komponenten runden die gesamte Seite ab und verleihen ihr eine hochwertige, einladende Ausstrahlung.
3. Sci-Fi-inspirierte Startseite
Die Aufgabenstellung: „Entwerfen Sie eine futuristische, einseitige Website für ein fiktives Weltraumbergbauunternehmen. Fügen Sie einen bildschirmfüllenden, animierten Sternenhintergrund, ein Leitbild in fetter, metallischer Schrift und ein animiertes Raumschiff hinzu, das langsam über den Bildschirm fliegt. Ergänzen Sie dies mit einem Call-to-Action-Button: „Schließen Sie sich der Flotte an.“
Von Arcade-Spielen der 80er bis hin zu Science-Fiction-Filmen – diese Seite bietet einen bildschirmfüllenden Sternenhimmel mit funkelnden Sternen, fliegenden Kometen und schwebenden Weltraumpartikeln, während ein niedliches Raumschiff über den Bildschirm fliegt. Der kräftige Metallic-Druck, der glänzende Text und die pulsierenden Schaltflächen vermitteln ein Gefühl der Entdeckungsreise.
Interaktive Elemente wie Mauseffekte, Tastaturnavigation und Parallax-Scrolling erwecken das Nutzererlebnis zum Leben. Claude hat bei den Details hervorragende Arbeit geleistet.
4. Website mit Kindergeschichten
Die Anfrage: „Gestalten Sie eine unterhaltsame und farbenfrohe Website für ein Kinderbuch. Verwenden Sie große, ausgefallene Schriftarten, Tierillustrationen und einen Button, der mit einfacher Animation durch drei kurze Geschichtenseiten blättert. Fügen Sie einen Hintergrund hinzu, der mit jeder Seite die Farbe ändert.“
Claude hat eine atemberaubende Website erstellt, die einen skurrilen Charme ausstrahlt. Die Geschichte handelt von drei Tieren: einem Fuchs namens Felix, einem Bären namens Benny und einem Schmetterling namens Bella, die auf drei interaktiven Seiten ein farbenfrohes Abenteuer erleben.
Jede Seite der Website besticht durch verspielte Hintergrundfarbverläufe, lebendige Tier-Emojis und flüssige Flip-Animationen, die das Buch wie ein echtes, interaktives Buch wirken lassen. Die Schriftarten sind klar und fröhlich, die zusätzlichen animierten Details sind ansprechend und insgesamt spricht diese Website junge Leser an, insbesondere diejenigen, die es gewohnt sind, Zeit vor Bildschirmen zu verbringen.
5. Interaktives Daten-Dashboard
Die Aufgabenstellung: „Erstellen Sie ein modernes, dunkles Daten-Dashboard mit interaktiven Diagrammen unter Verwendung von Beispieldaten. Fügen Sie eine Seitenleiste, eine Live-Uhr oben und drei Diagramme hinzu: ein Balkendiagramm, ein Liniendiagramm und ein Kreisdiagramm. Fügen Sie Hover-Effekte und sanfte Übergänge zwischen den Abschnitten hinzu.“
Ich habe mich entschieden, diese Website als Business Case-Beispiel zu erstellen. Das dunkel gestaltete Dashboard enthält alle Funktionen, die ich in der Eingabeaufforderung angefordert habe, einschließlich einer eleganten Seitenleiste mit flüssigen Animationen. Das responsive Design funktioniert sowohl auf Desktop- als auch auf Mobilgeräten und umfasst vier Hauptbereiche mit fließenden Übergängen.
Die Echtzeituhr in der Kopfzeile hat mir sehr gut gefallen, und die interaktiven Diagramme sind eine tolle Ergänzung. Ich finde es gut, dass Claude Beispieldaten hinzugefügt hat, damit ich mir die Darstellung besser vorstellen kann.
6. Zen-Garten-Meditationsseite
Die Anfrage: „Erstellen Sie eine einfache, einseitige Meditationswebsite mit einem sanften Farbverlauf im Hintergrund, animiertem fließendem Wasser am unteren Rand und einem Kirschbaum, dessen Blütenblätter langsam über den Bildschirm fallen. Fügen Sie einen großen „Meditation starten“-Button hinzu, der entspannende Ambient-Musik abspielt und mit einem inspirierenden Zitat ausblendet.“
Ich war mit dem Ergebnis dieser Seite sehr zufrieden. Der sanfte Farbverlauf in Pfirsich, Rosa, Koralle und Lila fällt auf und fördert Ruhe und Achtsamkeit. Die Seite schafft eine wirklich heitere Atmosphäre, perfekt für Meditation.
7. Cyberpunk-Markt
Die Anfrage: „Erstellen Sie eine Website im Stil des Neon-Cyberpunk, die einen futuristischen Straßenmarkt präsentiert. Verwenden Sie Glitch-Effekte beim Überfahren mit der Maus, blinkende Leuchtreklamen und animierte Menüs im Hologramm-Stil. Jede Produktkarte soll beim Überfahren mit der Maus aufleuchten und einen kurzen Synthwave-Soundeffekt beinhalten. Fügen Sie eine wiederkehrende Regenanimation hinzu, um eine spannende Atmosphäre zu schaffen.“
Das herausragende Merkmal dieser Site ist der atmosphärische Effekt. Von den wiederkehrenden Regenanimationen und blinkenden Neonschildern bis hin zum animierten Gitterhintergrund ist diese Site optisch ansprechend.
Die drei verschiedenen Synthesizer-Sounds und die interaktiven Schaltflächen machen diese Website benutzerfreundlich und ansprechend. Ohne Claudes Unterstützung hätte ich diese Funktionen selbst nie programmieren können . Die Website fängt die raue, neonbeleuchtete Atmosphäre eines Cyberpunk-Straßenmarktes perfekt ein – mit flüssigen Animationen, authentischen Synthwave-Sounds und beeindruckenden visuellen Effekten.
8. Fantasy-Missionstagebuch
Die Anfrage: „Entwerfen Sie eine Website für Fantasy-Abenteuer, inspiriert von einem alten Manuskript. Die Feder soll leuchten und beim Bewegen einen Funken hinterlassen, die seitliche Navigationsleiste soll wie ein mittelalterliches Zauberbuch aussehen, und es soll eine Seite geben, auf der Benutzer drei magische Gegenstände ‚sammeln‘ können, indem sie auf Symbole klicken, die sich beim Auffinden bewegen.“
Dieses Beispiel beweist, dass Claude mühelos ein fesselndes, fantasievolles Design umsetzen kann. Der leuchtende Federkiel hinterlässt schimmernde Spuren beim Erkunden der Website, während sich das Navigationsmenü wie ein mittelalterliches Zauberbuch mit Ledereinband und animierten Hover-Effekten entfaltet.
Der Hauptinhalt basiert auf Papyrusrollen mit antiken Inschriften und kunstvoller mittelalterlicher Typografie, die der Website einen authentischen antiken Charme verleihen. Dank responsivem Design, interaktivem Leuchten und interaktiven Erfolgen ist jeder Klick mit uralter magischer Interaktion gefüllt.
9. Adoptieren Sie ein Cartoon-Haustier
Die Anfrage: „Erstellen Sie eine unterhaltsame, interaktive Website, auf der Besucher ein Cartoon-Haustier (Katze, Hund oder Drache) adoptieren können. Jedes Haustier soll im Leerlauf animiert sein, auf Anklicken reagieren (schnurren, mit dem Schwanz wedeln, Feuer speien) und durch Ziehen von Futtersymbolen gefüttert werden können. Fügen Sie fröhliche Hintergrundmusik mit Stummschaltoption hinzu.“
Sie hat eine interaktive Website zur Tiervermittlung entwickelt, die ebenso bezaubernd wie fesselnd ist. Jedes Tier hat seinen eigenen Cartoon-Charakter mit einer liebenswerten Persönlichkeit. Claude macht es kinderleicht , Futter per Drag & Drop zu platzieren, die Zufriedenheitsanzeige der Tiere steigen zu sehen und entzückende Reaktionen freizuschalten – vom Schnurren bis zum Feuerspucken und Brüllen.
Eine wiederkehrende, fröhliche Melodie sorgt für die richtige Stimmung. Die Website ist vollständig responsive, berührungsfreundlich und klar auf ein unterhaltsames, emotionales und interaktives Erlebnis ausgelegt.
Kommentarfunktion ist geschlossen.