Claude'u kullanarak bir saatten kısa sürede 9 web sitesi oluşturdum.

Şahsen "öneriyle kod yazma" yöntemini denedim ve yakın zamanda ücretsiz bir Cloud aboneliğiyle tek bir oturumda beş adede kadar web sitesi oluşturabileceğinizi keşfettim . Bundan sonra, hizmeti tekrar kullanmak veya Cloud Pro'ya yükseltmek için beş saat beklemeniz gerekecek.

Cloud'u test ettim ve bir saatten kısa sürede dokuz farklı web sitesi oluşturdum. İşte sonuçlar.

1. Eski atari oyunları için açılış sayfası

İddia:"Neon tarzı, piksel yazı tipi, titreşimli animasyonlu arka plan ve sahte bir 'klasik arcade' hissi yaratan üç büyük, aydınlatılmış düğmeyle eski tarz bir arcade oyun tasarımı. Düğmelerin üzerine geldiğinizde ses efektleri eklendi."

Retro atari oyunlarından ilham alan bu neon temalı site, gerçek bir 80'ler atari salonu havası veriyor. Piksel sanatı gerçekten eğlenceli ve her düğmenin kendine özgü etkileşimli ses efekti var. Parlayan köşe vurguları ve incelikli glitch efektleriyle tasarım tam da umduğum gibiydi: duyarlı, klavye dostu ve gerçek oyunlarla eşleştirilmeye hazır. Genel olarak, bu site sanki klasik bir atari salonuna adım atmışsınız gibi hissettiriyor.

2. Basit Tarif Blogu

İstek şu şekildeydi: “Saf beyaz bir arka plana, zarif serif yazı tiplerine ve üç tarif kartından oluşan bir ızgaraya sahip, sade bir yemek tarifi blogu ana sayfası tasarlayın. Her kartta bir resim, tarif başlığı ve malzemeleri gösteren kaydırma efekti bulunmalıdır. Mobil uyumlu olmalıdır.”

Bir tarif blogu için bu sade ana sayfa şık ve sade. Mobil uyumlu tasarımı, malzemeleri görüntülemek için dokunarak kolay dokunmatik etkileşimler sunarak mobil kullanım için ideal hale getiriyor. Tipografi ve aralıklar tüm ekran boyutlarında iyi çalışıyor.

Tasarım, sade işlevsellik ve sofistike tipografi arasında mükemmel bir denge kuruyor. Bileşenlerin üst üste binen animasyonları gibi benzersiz detaylar, tüm sayfayı bir araya getirerek ona birinci sınıf ve davetkar bir görünüm kazandırıyor.

3. Bilimkurgu Esintili Girişim Sayfası

Talimat: “Kurgusal bir uzay madenciliği şirketi için fütüristik, tek sayfalık bir web sitesi tasarlayın. Ekranı kaplayan animasyonlu bir yıldız arka planı, kalın metalik metinle yazılmış bir misyon bildirisi ve ekranda yavaşça uçan animasyonlu bir uzay gemisi ekleyin. Bir eylem çağrısı düğmesi ekleyin: “Filoya Katıl.”

80'lerin atari oyunlarından bilimkurgu filmlerine kadar, bu sitede parıldayan yıldızlar, uçan kuyruklu yıldızlar ve sürüklenen uzay parçacıklarıyla dolu, ekranı dolduran yıldızlı bir arka plan ve ekranda uçan sevimli bir uzay gemisi yer alıyor. Kalın metalik baskı, parlak metin ve titreşen düğmeler, keşif duygusu katıyor.

Fare efektleri, klavye navigasyonu ve paralaks kaydırma gibi etkileşimli öğeler, kullanıcı deneyimini gerçekten canlandırıyor. Claude, detaylarda mükemmel bir iş çıkarmış.

4. Çocuk hikayeleri sitesi

İstek şu şekildeydi: “Çocuklar için bir öykü kitabı için eğlenceli ve renkli bir web sitesi tasarlayın. Büyük, sıra dışı yazı tipleri, hayvan illüstrasyonları ve basit bir animasyonla üç kısa öykü 'sayfası' arasında geçiş yapan bir düğme kullanın. Her sayfada renk değiştiren bir arka plan ekleyin.”

Claude, büyüleyici bir çekicilik saçan göz alıcı bir web sitesi tasarladı. Hikaye, Felix adlı bir tilki, Benny adlı bir ayı ve Bella adlı bir kelebeğin üç etkileşimli sayfada renkli bir maceraya atıldığı üç hayvanı konu alıyor.

Sitenin her sayfasında eğlenceli arka plan renk geçişleri, canlı hayvan emojileri ve akıcı çevirme animasyonları bulunuyor; bunların hepsi de siteyi gerçek ve etkileşimli bir kitap gibi hissettiriyor. Yazı tipleri net ve neşeli, eklenen animasyonlu detaylar ilgi çekici ve genel olarak bu site, özellikle ekran başında vakit geçirmeye alışkın genç okuyuculara hitap ediyor.

5. Etkileşimli veri panosu

" Örnek veriler kullanarak etkileşimli grafiklere sahip, modern, koyu temalı bir veri panosu oluşturun. Bir kenar çubuğu, üstte canlı bir saat ve üç grafik ekleyin: bir çubuk grafik, bir çizgi grafik ve bir pasta grafik. Üzerine gelindiğinde efektler ve bölümler arasında yumuşak geçişler ekleyin."

Bu web sitesini bir iş planı örneği olarak oluşturmaya karar verdim. Koyu temalı kontrol paneli, akıcı animasyonlara sahip şık bir kenar çubuğu da dahil olmak üzere, istemde talep ettiğim tüm özellikleri içeriyor. Duyarlı tasarım hem masaüstü hem de mobil cihazlarda çalışıyor ve akıcı geçişlere sahip dört ana bölüm içeriyor.

Üst kısımdaki gerçek zamanlı saati çok sevdim ve etkileşimli grafikler harika bir ek olmuş. Claude'un, ekranı görselleştirebilmem için örnek veriler eklemesini de takdir ediyorum.

6. Zen Bahçesi Meditasyon Sitesi

İstek şu şekildeydi: “Yumuşak bir degrade arka plana, altta animasyonlu akan suya ve ekrana yavaşça yapraklarını döken bir kiraz çiçeği ağacına sahip, basit, tek sayfalık bir meditasyon web sitesi oluşturun. Rahatlatıcı ortam müziği çalan ve ilham verici bir alıntıyla yavaşça kaybolan büyük bir “Meditasyona Başla” düğmesi ekleyin.”

Bu sitenin ortaya çıkardığı sonuçtan çok memnun kaldım. Şeftali, pembe, mercan ve mor gibi yumuşak tonlardaki degradeli arka plan, sakinliği ve farkındalığı teşvik etmeye yardımcı oluyor. Site, meditasyon için mükemmel, gerçekten dingin bir atmosfer yaratıyor.

7. Cyberpunk Pazarı

İstek şu şekildeydi: “Neon siberpunk dünyasından ilham alan, fütüristik bir sokak pazarını sergileyen bir web sitesi oluşturun. Fare üzerine gelindiğinde glitch efektleri, yanıp sönen neon tabelalar ve animasyonlu hologram tarzı menüler kullanın. Her ürün kartı, fare üzerine geldiğinde aydınlanmalı ve kısa bir synthwave ses efekti içermelidir. Heyecan verici bir atmosfer yaratmak için tekrarlayan bir yağmur animasyonu ekleyin.”

Bu sitenin öne çıkan özelliği atmosferik etkisidir. Tekrarlayan yağmur animasyonlarından yanıp sönen neon tabelalara ve hareketli ızgara arka planına kadar, site görsel olarak çekicidir.

Üç farklı sentezleyici sesi ve etkileşimli düğmeler, bu siteyi hem kullanıcı dostu hem de ilgi çekici kılıyor. Claude tüm bu çalışmaları yapmasaydı, bu özellikleri kendim programlayamazdım . Site, akıcı animasyonlar, otantik synthwave sesleri ve sürükleyici görsel efektlerle siberpunk sokak pazarının ham, neon ışıklı atmosferini mükemmel bir şekilde yakalıyor.

8. Fantezi Görev Günlüğü

İstek şu şekildeydi: “Eski bir el yazmasından esinlenerek fantastik maceralar için bir web sitesi tasarlayın. Kalem imleci hareket ettirildiğinde parlasın ve arkasında ışıltı bıraksın, yan gezinme çubuğu ortaçağ büyü kitabına benzesin ve kullanıcıların bulduklarında hareket eden simgelere tıklayarak üç sihirli eşya ‘toplayabilecekleri’ bir sayfa oluşturun.”

Bu örnek, Claude'un büyüleyici ve hayal gücüne dayalı tasarımları kolaylıkla hayata geçirebildiğini gösteriyor . Parlayan tüy kalem, siteyi keşfederken ışıldayan izler bırakırken, gezinme menüsü deri ciltli ve animasyonlu fareyle üzerine gelme efektleriyle ortaçağ büyü kitabı gibi açılıyor.

Ana içerik, antik yazıtlar ve süslü ortaçağ tipografisiyle tasarlanmış papirüs tomarlarına dayanıyor ve siteye otantik bir antik dünya cazibesi katıyor. Duyarlı tasarımı, etkileşimli parıltıları ve etkileşimli başarılarıyla her tıklama, kadim büyülü etkileşimlerle dolu.

9. Çizgi film karakteri bir evcil hayvan edinin

İstek şu şekilde: “Ziyaretçilerin çizgi film karakterlerinden birini (kedi, köpek veya ejderha) ‘evlat edinebileceği’ eğlenceli, etkileşimli bir web sitesi oluşturun. Her evcil hayvanın bekleme modunda bir animasyonu olmalı, tıklandığında tepki vermeli (mırıldanmalı, kuyruk sallamalı, ateş püskürtmeli) ve yiyecek simgelerini sürükleyerek ‘beslenebilmelidir’. Sessize alma seçeneği olan neşeli bir arka plan müziği ekleyin.”

O, hem keyifli hem de ilgi çekici interaktif bir evcil hayvan sahiplendirme web sitesi oluşturdu. Her evcil hayvanın kendine ait eğlenceli bir kişiliği olan çizgi film karakteri var. Claude, onlara yiyecek sürükleyip bırakmayı, mutluluk göstergelerinin yükselişini izlemeyi ve mırıldanmadan ateş püsküren kükremelere kadar uzanan keyifli tepkilerin kilidini açmayı kolaylaştırıyor.

Ayrıca, ruh halinizi ayarlamanıza yardımcı olacak sürekli tekrar eden neşeli bir melodi de mevcut. Site tamamen duyarlı, dokunmatik ve eğlenceli, duygusal ve etkileşimli bir deneyim için açıkça tasarlanmış.