Claude ile bir öğleden sonra web sitesi kurup 10.000 dolara sattım. İşte tam sistem.

Her şeyi kaydettim, ardından adım adım parçalara ayırdım ki aynısını kopyalayabilesiniz. Aşağıdaki site, bir serbest çalışana bunun için beş haneli bir ücret ödenmiş gibi görünüyor. Siteyi ziyaret eden hiç kimse kodun bir yapay zeka tarafından yazıldığını anlayamıyor. Siteyi yayına almanın toplam maliyeti: yaklaşık 60 dolar.

GIF

Öncelikle - dürüst bir gerçeklik kontrolü

Size bir hayal satmayacağım. Bu yüzden "nasıl" kısmına geçmeden önce, işte gerçek olanlar ve olmayanlar.

Gerçek olanlar:

• Claude Code, sizin tanımınıza göre bir site için tüm kodu sıfırdan yazar. Şablon kullanmaz, bu nedenle siteniz diğer tüm Wix/Squarespace klonlarına benzemez. Sonucun profesyonel bir seviyeye ulaşabilmesinin temel nedeni budur.
• Kullandığım iki beceri gerçek ve ücretsizdir. Bunlardan biri frontend-design, Anthropic tarafından oluşturuldu — arka planda çalışır ve en çok kullanılan yapay zeka fontlarını ve düzenlerini yasaklar. Diğeri ise UI/UX Pro Max, topluluk tarafından oluşturulmuş ve isteğe bağlı olarak kullanabileceğiniz düzinelerce UI stili, renk paleti ve font kombinasyonu ile gelen bir beceridir.
• Görsel/video iş akışı gerçektir. ElevenLabs artık en iyi görsel modelleri (GPT Image, Google Veo 3.1) ve Topaz yükseltme aracını tek bir sekmede topluyor — bunu doğruladım, 2025'in sonlarında görsel ve video alanına yöneldiler. Yani bir kare görsel oluşturuyor, onu canlandırıyor ve sayfadan ayrılmadan yükseltiyorsunuz.
• Claude Code, aylık 20 dolarlık Claude Pro planına dahildir (yıllık faturalandırmada 17 dolar). Bunun için bir Max planına ihtiyacınız yoktur. Haziran 2026 itibarıyla geçerli olduğu onaylanmıştır.
• İlk yılı ücretsiz alan adıyla bütçe dostu bir hostingde barındırma yıllık yaklaşık 40–45 dolara mal olur.

Sihirli olmayan şey: "10.000 dolar", çıktının değeridir, garantili bir kazanç değildir. Bunun gibi bir siteyi ajanslar 5.000–15.000 dolara yapar. Bunu gerçekten kazanıp kazanmayacağınız, onu satma becerinize bağlıdır — para konusuna daha sonra değineceğiz. Buradaki komutlar bir otomat gibi çalışan formüller değil, başlangıç noktalarıdır.

Adı geçen her araç gerçektir. Fiyatların her biri Haziran 2026 itibarıyla günceldir.

10.000 dolarlık bir siteyi 200 dolarlık olandan ayıran şey nedir?

Bir şey inşa etmeye başlamadan önce bir hedefe ihtiyacınız var. Claude'a bir siteyi gerçekten pahalı gösteren şeyin ne olduğunu sordum ve cevap 3 grupta 8 maddeye indirgeniyor:

Zevk

1. Bakış açısı — bir ilham panosu değil, gerçek bir tasarım yönü
2. Tipografi — bilinçli seçilmiş fontlar (ve en çok kullanılanlar değil)
3. Renk — ölçülülük, en fazla 4–5 hex değeri, gökkuşağı yok

Öz 4. Hiyerarşi — boyut, göze neyin önce, neyin sonra okunacağını söyler 5. Görseller — özel veya ikna edici şekilde yapay zeka ile oluşturulmuş, asla stok görsel çöplüğü değil 6. Metin — ölçülü, duyusal, bir insan gibi yazılmış, bir sıfat makinesi gibi değil

Hissedilen kalite 7. Hareket — siteyi canlı hissettiren imleç efektleri ve mikro etkileşimler 8. Mobil — telefonlar için tasarlanmış, küçültülmüş bir masaüstü versiyonu değil

Bu listeyi saklayın. Sonunda kendi sitenizi bu 8 maddenin tamamına karşı derecelendireceksiniz. Bu kendi kendine not verme işlemi, sıradan bir sonucu cilalanmış bir sonuçtan ayıran tek harekettir.

Bu kimler için?

Bu yöntem şunlar için uygunsa işe yarar:

• Yerel işletmelere (restoranlar, spor salonları, klinikler, emlakçılar vb.) web sitesi satmak istiyor ancak kodlama bilmiyorsanız
• Zaten serbest çalışıyorsanız ve çıktınızı ve fiyatlarınızı 10 katına çıkarmak istiyorsanız
• Kendi işiniz veya kişisel markanız için profesyonel bir site istiyorsanız
• Odaklanmış bir öğleden sonra geçirebiliyorsanız ve tek tıkla mükemmellik beklemek yerine üzerinde çalışmaya (iterasyon yapmaya) istekliyseniz

"Düğmeye bas, işi kap" gibi bir oyuncak istiyorsanız bu yöntem size göre değil. Kısa bilginizin kalitesi ve bir şey yavan göründüğünde diretebilme isteğiniz işin ta kendisidir.

Neye ihtiyacınız var (ve maliyeti nedir)

Tamamlanmış bir site için gerçekçi toplam maliyet: yaklaşık 60 dolar (bir aylık Claude Pro + hosting + bir yıllık alan adı).

Adım adım tüm yapım süreci

Adım 1 — Claude Code'u kurun

claude.com adresinden Claude Pro'ya kaydolun. Masaüstü uygulamasını indirin (indirme simgesi, sol alt köşe → Claude Code bölümü → masaüstü uygulaması → yükleyiciyi çalıştırın). Oturum açın.

Sohbet modundan kod moduna geçin (sol üst sekme veya Cmd/Ctrl + 3).

Bilgisayarınızda herhangi bir yerde yeni, boş bir klasör oluşturun — burası sizin çalışma alanınız. Sohbet kutusunun yanındaki klasör seçme düğmesine tıklayın ve uygulamanın içinde açın. Claude Code, kendine ait bir klasörde bulunduğunda en iyi şekilde çalışır.

Arayüz sık sık güncellenir, bu nedenle bir düğme tam olarak tarif ettiğim yerde değilse panik yapmayın — konsept aynıdır, sadece eşdeğerini bulun.

Adım 2 — Claude'u iki beceriyle geliştirin

Kutusundan çıktığı haliyle Claude bir genelcidir. Varsayılan tasarımı idare eder düzeyindedir — her yapay zeka sitesinde gördüğünüz fontlara ve düzenlere yönelir. Beceriler bunu düzeltir.

1. beceriyi yükleyin — frontend-design (arka planda çalışır): frontend-design beceri bağlantısını aşağıdaki komutla Claude Code'a yapıştırın:

1Bu beceriyi global olarak yükle.

İstediğinde düzenlemelere izin verin.

2. beceriyi yükleyin — UI/UX Pro Max (isteğe bağlı çağırırsınız): UI/UX Pro Max bağlantısını aşağıdaki tam ifadeyle Claude Code'a yapıştırın — ifadenin tam olması önemlidir çünkü terminal aracılığıyla temiz bir şekilde yüklenir:

1Bu eklentiyi npm kullanarak global olarak yükle.

Düzenlemelere izin verin.

Adım 3 — Otomatik modu açın

Sol altta, sohbet kutusunun altında, mod seçiciyi otomatik moda getirin. Bu, Claude'un her adımda izin istemek için durmadan çalışmasını sağlar. Otomatik mod açıkken ve her iki beceri de yüklüyken, inşa etmeye hazırsınız.

Adım 4 — Referanslar toplayın (zevkinize kısayol)

Görsel zevki kelimelerle tarif etmek zordur, özellikle de tasarımda yeniyseniz. Referanslar bunu çözer: beğendiğiniz sitelerin ekran görüntülerini Claude'a verirsiniz, o da havayı yakalar. Zevki tarif etmektense göstermek çok daha kolaydır.

Referansları nerede bulurum:

• Dribbble — tasarımcıların çalışmalarını paylaştığı yer
• Awwwards — ödüllü siteler, çok yüksek çıta
• Pinterest — tam olarak aradığınız şeyi arayın, örn. "modern restoran web sitesi tasarımı"

Beğendiğiniz 3–5 site bulun ve ekran görüntülerini kaydedin. Onları kopyalamıyorsunuz — Claude'a yönü gösteriyorsunuz.

Adım 5 — Siteyi oluşturacak tek komut

Bu, videonun tamamı tek bir hamlede. Tasarım becerisini çağırıyorsunuz, kısa bilgiyi veriyorsunuz, referans ekran görüntülerinizi ekliyorsunuz ve sihirli satırla bitiriyorsunuz.

Ben yapımda Seattle'da bir restoran için bir site yaptım. İşte komut yapısı — kısa bilgiyi kendi projenize uyarlayın:

1/ui-ux-pro-max
2
3[İŞLETME ADI — örn. Seattle'da lüks bir biftek restoranı] için tek sayfalık bir web sitesi oluştur.
4
5Yön: [kendi kelimelerinizle tarif edin — örn. karanlık, kasvetli lüks, ancak Pasifik Kuzeybatısı'na
6özgü, genel geçer bir Manhattan biftek restoranı DEĞİL].
7
8Bölümler (sırayla): [örn. giriş bölümü, felsefe/hikaye, menü, mekan, rezervasyon].
9Galeri yok, rezervasyon sistemi yok — sadece yukarıdan aşağıya kaydırılan tek bir sayfa.
10
11Görsel stil için 3–5 referans ekran görüntüsü ekliyorum.
12Onları kopyalamayın, *hissini* yakalayın.
13
14Teknoloji yığını: tek dosyalı statik HTML/CSS/JS (React yok — basit tutun).
15
16Herhangi bir kod yazmadan önce bana açıklayıcı sorular sor.

O son satır — "bana açıklayıcı sorular sor" — Claude'un inşa etmeden önce durup düşünmesini sağlayan şeydir. Bana yaklaşık 7 soruyla geri döndü: isim, stil yönü, hangi bölümler, metni kim yazıyor, teknoloji yığını, animasyon seviyesi ve diğer konular.

En önemli kısım: Claude bana seçebileceğim üç stil yönü sundu, tıpkı bir menü gibi. Ben Pasifik Kuzeybatısı kökenli karanlık/kasvetli lüksü, beş bölümü, galeri yok, rezervasyon yok — tek bir kaydırma sayfasını seçtim.

Bu, yapım sürecindeki en kritik andır. Buradaki cevaplarınız tüm site haline gelir. Şimdi ne kadar spesifik olursanız, daha sonra Claude'la o kadar az uğraşırsınız. Acele etmeyin.

Sonra gönderin. Claude, bir satır kod yazmadan önce yaklaşık 3 dakika okuyup planlama yapar, ardından yaklaşık 4–5 dakika inşa eder. Sonucu görmek için ileri sarın.

Claude'un soruları

1. versiyonun ortaya çıkışı

Adım 6 — Kendinizi 8 maddelik kontrol listesine göre derecelendirin

Cilalamaya devam etmeden önce, siteyi belirlediğiniz çıtaya göre kontrol edin. 8 maddelik kontrol listesini (bu makalenin başından) Claude'a yapıştırın ve sorun:

1İşte 10.000 dolarlık bir web sitesi için 8 maddelik kontrol listem. Mevcut siteye bak ve
2her bir maddede nerede durduğunu dürüstçe söyle: güçlü, orta veya eksik. Acımasız ol.

Benim yapımda Claude şöyle yanıtladı: bakış açısı — güçlü, renk — güçlü, hiyerarşi — güçlü, tipografi — orta, ve görseller/hareket/mobil/görünmez şeyler — hepsi orta. Siz de benzer bir dağılım elde edeceksiniz ve bu sorun değil. Amaç, geriye ne kaldığını tam olarak bilmektir.

Adım 7 — Profesyonelden pahalıya geçiş burada başlıyor

Bu bölüm tüm farkı yaratır. Sorunları tek tek düzeltmeyin — bu hem jetonları boşa harcar hem de sonuç yama gibi görünür. Spesifikliklerle değil, niyetle başlayın ve toplu bir iyileştirme isteyin.

İşte kullandığım tam komut:

1Daha fazla el yapımı mikro etkileşime ihtiyacımız var. Alt bölümler biraz sıradan hissettiriyor.
2Onları daha karmaşık yapmamıza gerek yok — sadece daha pahalı görünmelerini istiyoruz.
3Bir dizi iyileştirme öner ve hepsini tek seferde uygula.

Dikkat edin, Claude'a ne eklemesi gerektiğini söylemiyorum — nasıl hissettirmesini istediğimi söylüyorum. Claude, niyeti spesifikasyonlara dönüştürmede çoğu insanın spesifikasyon yazmaktan daha iyidir. Bir dizi iyileştirmeyle geri döndü: sitenin tamamında film greni efekti, bölümler arasında canlandırılmış pirinç çizgiler, parıldayan bir kor etkisi, kelime kelime başlık açılımları. Beş değişiklik, tek komut, birlikte gönderildi.

Ardından bölüm bazında incelemeyi kendiniz yapın. Sayfada gezinin, hala yavan gelen bölümleri bulun — her zaman birkaç tane vardır — ve Claude'a bölüm başına bir hareket veya imleç etkileşimi verin:

1[Hikaye] bölümü durağan hissettiriyor. Buraya zarif bir mikro hareket veya imleç etkileşimi ekle.
2Kulağa hoş ve rafine gelsin — canlı ama gürültülü değil.

İlk deneme çok barizse, geri bildirim verin: "Daha ince yap, imleci hafifçe takip etmesi için küçük bir gecikme ekle." Benim yapımda bu, statik bir mum ışığı halesini, imlecinizi yumuşak bir gecikmeyle takip eden bir efekte dönüştürdü. İki komut, iki bölüm — bu katman, pahalı görünen bir site ile sitede gezinirken pahalı hissedilen bir site arasındaki farktır.

Adım 8 — Görseller: ya getirin ya da oluşturun

GIF

Görseller, Claude'un tek başına tam olarak çözemeyeceği tek temel unsurdur. En iyi seçenek: özel fotoğrafçılık. Proje klasörünüze atın ve Claude'a ne olduğunu ve nereye ait olduğunu söyleyin.

Fotoğraf bütçeniz mi yok? Yapay zeka ile görsel oluşturma artık kimsenün fark edemeyeceği kadar iyi. Bunu hızlandıran taktik: görsel komutunu kendiniz yazmayın — Claude zaten projenizi biliyor, bu yüzden komutu onun yazmasını isteyin:

1Bu sitenin giriş bölümü için bana bir görsel oluşturma komutu yaz. Şimdiye kadar
2oluşturduğumuz ruh hali, renk paleti ve yönle tam olarak uyumlu olmalı.
3Sadece komutu çıktı olarak ver.

Bunu görsel oluşturucunuza yapıştırın ve ilk denemede markanıza uygun bir şey elde edersiniz. ElevenLabs'te bir kare görsel (GPT Image) oluşturabilir, bu kareyi Google Veo 3.1'e atarak canlandırabilir ve Topaz ile yükseltebilirsiniz — hepsi tek bir sekmede. Nihai dosyayı proje klasörünüze atın.

Adım 9 — Profesyonel bileşenleri [21st.dev](//21st.dev) adresinden alın

GIF

Çarpıcı bir görsel öğe (bir kaydırma efekti, süslü bir giriş bölümü) istediğinizde, 21st.dev gerçek geliştiriciler tarafından oluşturulmuş ücretsiz bir bileşen kütüphanesidir. Beğendiğiniz birini bulun, Copy Prompt'a tıklayın, Claude Code'a yapıştırın, dosyanızı ekleyin ve Claude'a bununla giriş bölümünü oluşturmasını söyleyin.

İşte önemli kısım: Claude mimarinizi korur. Seçtiğim kaydırma bileşeni React için yapılmıştı; benim projem basit bir statik sitti, bu yüzden Claude React versiyonunu kullanmayı reddetti çünkü bu tüm projenin çalışma şeklini değiştirecekti — ve efekti düz HTML'de yeniden oluşturdu. (Projeniz gerçekten React gerektiriyorsa — bir kontrol paneli, ödeme sayfası, giriş ekranı — Claude kabul ederdi. Sırf istediniz diye bir şeyleri bozmaz.)

İlk denemede efekt bozulduğunda — bende de oldu — sadece neyin yanlış olduğunu tarif edin:

1Video geliyor ancak bileşenin yapması gerektiği gibi kaydırmıyor. Daha derine in —
2sayfayı tarayıcıda aç, gerçekte neler olduğunu incele ve gerçek nedeni düzelt.

Claude sayfayı kendisi açtı, canlı olarak inceledi ve gerçek hatayı üç katman derinlikte buldu. Ders: pes etmeyin. Neyin bozulduğunu ve ne beklediğinizi açıklayın — Claude, daha yakından bakmasına izin verirseniz neredeyse her zaman çözebilir.

Adım 10 — Metin, fontlar ve mobil (hızlı kazançlar)

GIF

Metin: Yapay zeka metni varsayılan olarak fazla açıklar. Profesyonel metin ölçülü ve duyusaldır — "Kuru dinlendirilmiş antrikot. 16oz. 60 gün. Ocakta pişmiş." bir şefin yazdığı gibi okunur. frontend-design becerisi Claude'u bu yöne iter, bu yüzden her projedeki yerini hak eder.

Fontlar: Inter adında, o kadar aşırı kullanılan bir font var ki anında "bunu yapay zeka yaptı" dedirtiyor. Çıktınızda görürseniz:

1Inter'i her yerde daha az kullanılmış bir fontla değiştir — Geist iyi bir seçenek.
2Başlık fontunu koru.

Mobil: "Duyarlı (responsive)" olmak, "telefonlar için tasarlanmak" anlamına gelmez. Siteleriniz masaüstünden çok daha fazla telefonda görülecektir. Özel bir geçiş isteyin:

1Özel bir mobil geçişi yap. Küçük ekranlarda neyin gizlenmesi gerektiğine, neyin
2daha sıkı olması gerektiğine ve neyin yeniden boyutlandırılması gerektiğine karar ver.
3Çoğu insanın gerçekte göreceği versiyon budur.

Benim yapımda gezinme menüsü daraldı, logo daha sıkı bir aralık aldı ve butonlar daha küçük bir versiyona kavuştu. Bununla birlikte, kontrol listesindeki 8 maddenin tamamı tamamlandı.

Adım 11 — Siteyi yayına alın (herkesin tökezlediği kısım)

Şu anda siteniz yalnızca bilgisayarınızda var — bu localhost URL'si yalnızca sizin makinenizde çalışır. Paylaşmak için hosting + gerçek bir alan adına ihtiyacınız var.

İlk yılı ücretsiz alan adı sunan bir hosting sağlayıcısı seçin. Basit bir statik site için (giriş, ödeme, veritabanı yok) en ucuz "premium/paylaşımlı" katman yeterlidir. Süreyi 12 ay olarak ayarlayın — ücretsiz alan adını almak için gereken minimum süre budur. Alan adınızı arayın, alın. Benim toplamam yıl için yaklaşık 43 dolardı: hosting + alan adı + e-posta.

Eğer Claude size gerçek bir arka uçlu bir şey yaptıysa (React'e

evet

dediyse, Node.js, bir veritabanı vb. kurduysa), bunun yerine

iş

katmanını seçin — Node.js'i destekler. Claude'un 9. Adım'da React'i kabul edip etmemesi size hangi plana ihtiyacınız olduğunu söyleyecektir.

Boş sayfa yüklenmesine neden olan tek hata: yükleme yaparken, dosyaları proje klasörünüzün içindekileri seçerek zip'leyin — klasörün kendisini değil. Proje klasörünüzü açın, içindeki her şeyi seçin (Cmd/Ctrl + A), ardından sıkıştırın. İçinde index.html dosyasının en üst düzeyde olduğu tek bir zip dosyanız olmalıdır. Klasörün tamamını zip'lerseniz, hosting sağlayıcısı onu bir dizin fazla derine açacağı için alan adınız boş görünür.

Hosting sağlayıcısının yönergelerinde Mevcut Siteyi Taşı → Yedek Dosyaları Yükle seçeneğini seçin, alan adınızı seçin, zip dosyasını sürükleyin, gönderin. Alan adınıza tıklayın — ve işte karşınızda, 10.000 dolarlık siteniz özel bir URL'de canlı.

Bununla gerçekte ne kadar kazanabilirsiniz?

Sitenin kendisi 10.000 dolar değerinde bir varlıktır. Bunu paraya dönüştürmenin yolları:

• Yerel işletmelere site satmak en hızlı yoldur. Restoranlar, dişçiler, spor salonları, emlakçılar ve müteahhitler, tek sayfalık profesyonel bir site için düzenli olarak 1.000–5.000 dolar öderler. Bir öğleden sonrada bir tane oluşturun, buna göre ücretlendirin. Ayda 2.000 dolardan iki müşteri = yarı zamanlı olarak ayda 4.000 dolar.
• Deneyimli serbest çalışanlar / küçük ajanslar, tam olarak bu tür özel, animasyonlu, mobil için tasarlanmış site için 5.000–15.000 dolar talep eder — ve şimdi bunu haftalar yerine saatler içinde teslim ediyorlar. Marj asıl mesele.
• Ürünleştirilmiş hizmet: "5 günde profesyonel tek sayfa" sabit paketini 1.500 dolara satın. Öngörülebilir, tekrarlanabilir ve aynı anda birkaç tane yürütebilirsiniz.
• Kendi markanız: Kendiniz için kullanıyorsanız, "kazanç", beş haneli görünen bir sitenin getirdiği anlaşmalar ve güvenilirliktir.

Bugün başlayan biri için gerçekçi ivmelenme: birkaç hafta içinde ilk ücretli müşteri, gerçekten iletişime geçerseniz birkaç ay içinde ayda yarı zamanlı 1.000–5.000 dolar. Site oluşturmak artık darboğaz değil — satış öyle.

Bundan sonra sizin için ne değişiyor?

GIF

Eskiden, profesyonel bir özel web sitesi ya aylarca kodlama öğrenmek ya da bir geliştiriciye binlerce dolar ödemek anlamına geliyordu. Bundan sonra, teknik engel ortadan kalktı. Gerçekten pahalı görünen, tamamen özelleştirilmiş, animasyonlu, mobil için tasarlanmış bir siteyi bir öğleden sonrada üretebilir — ve ya satabilir ya da kendi işinizi ciddi göstermek için kullanabilirsiniz.

Buradan edindiğiniz asıl beceri "kodlama" değil. Yönetmektir — pahalının neye benzediğini bilmek, onu hassas bir şekilde tanımlamak ve doğru olana kadar diretmek. Bu beceri, bundan sonra inşa ettiğiniz her sitede katlanarak artar.

Bir sonraki adımınız (bunu bugün yapın)

1. Claude Pro'ya kaydolun ve masaüstü uygulamasını yükleyin.
2. Her iki beceriyi de yükleyin (2. Adım) ve otomatik modu açın.
3. Dribbble veya Awwwards'dan 3–5 referans ekran görüntüsü kaydedin.
4. 5. Adım'daki yapım komutunu çalıştırın — "bana açıklayıcı sorular sor" dahil — ve dikkatlice yanıtlayın.

Referans toplama ve açıklayıcı soruları atlamayın. Kalitenin %80'i buradan gelir. Satış konusunda endişelenmeden önce bir siteyi baştan sona oluşturun — önce işe yaradığını görmelisiniz.

Dürüst bir şey

Bu sihirli bir hap değil. Gerçek iş yapan gerçek bir araç — ancak sonuç size bağlıdır. Yukarıdaki komutlar birer senaryo değil, başlangıç noktalarıdır. Bir sitenin şablona benzemesi ile 10.000 dolarlık görünmesi arasındaki fark; getirdiğiniz zevk, seçtiğiniz referanslar ve yavan bir bölümü "yeterince iyi" diyerek kabul etmek yerine kaç kez direttiğinizdir.

Claude uygulamayı halleder. Yönünüz ve çabanız sonucu belirler. Bununla ne yapacağınız tamamen size kalmış.

*

*Lütfen yer imlerine ekleyin, RT yapın ve @thegreatest_sv hesabını takip ederek daha fazla bilgi, yapay zeka araçları ve kaliteli araştırmaya ulaşın.FERAGATNAME (Kazançlar ve Bilgi) Bu makalede gösterilen kazançlar veya istatistikler araştırmamdan ve kendi deneyimlerimden örneklerdir ve sizin kazanacağınızın garantisi değildir. Sonuçlar niş, içerik kalitesi, RPM/CPM, kitle etkileşimi, tutarlılık, çaba ve diğer faktörlere göre değişir. Bu finansal, vergi, hukuki veya profesyonel bir tavsiye değildir - iş kararları almadan önce uygun uzmanlara danışın.Kaynaklar ve bağlantılar

Claude Code araçları ve kaynakları: https://claude.com/

**Frontend Design becerisi (Anthropic tarafından):

**https://github.com/anthropics/skills/tree/main/skills/frontend-design

**UI/UX Pro Max becerisi:

**https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

21st.dev: https://21st.dev

10.000 dolarlık web sitesi kontrol listesi (ücretsiz PDF indirme): https://drive.google.com/file/d/1CCRCvSbJ1tNXmd2YDnUNr1XkTAguYG7v/view

Tasarım referans siteleri

Dribbble: https://dribbble.com

Awwwards: https://www.awwwards.com

Pinterest:https://pinterest.com