Claude‘un Artifacts (Eserler) özelliği, yapay zekayı sadece metin yazan bir sohbet botundan çıkarıp gerçek, kullanılabilir ve etkileşimli yapılar inşa eden bir üreticiye dönüştürür. Web sayfaları, mini uygulamalar, bütçe hesaplayıcıları veya etkileşimli testler; hepsi sohbetin yanında açılan ayrı bir pencerede canlı olarak oluşturulur. Bu rehberde Artifacts’ın nasıl çalıştığını, örnek bir mini uygulamanın nasıl yapıldığını ve tasarımların nasıl paylaşılıp dışa aktarıldığını anlatıyoruz.

Artifacts (Eserler) Nedir?

Claude’dan görsel veya kod tabanlı bir şey yapmasını istediğinizde, sohbetin yanında ayrı bir pencere açılır ve istenen içerik burada canlı olarak oluşturulur. Bu özellik sayesinde Claude; web sayfaları, açılış sayfaları, mini uygulamalar, bütçe hesaplayıcıları, egzersiz planlayıcıları veya etkileşimli testler gibi yapılar üretebilir. Kaynaklar bu deneyimi “yanınızda oturan bir tasarımcıyla konuşmak” olarak tanımlıyor; oluşturulan eser üzerinde Claude ile sohbet etmeye devam ederek gerçek zamanlı değişiklik yaptırabilirsiniz.

Örnek: Bütçe Hesaplayıcı Nasıl Yapılır?

Bir mini uygulama yaptırmanın en pratik yolu, promptunuzu üç parçaya ayırmak: bağlam, görev ve biçim. Bu yapı hakkında detaylı bilgi Claude Komutları Rehberi yazımızda var. Bütçe hesaplayıcı örneğinde bu üç parça şöyle kurulabilir:

Bu komutu gönderdiğinizde sohbetin yanında yeni bir pencere açılır ve hesaplayıcı canlı olarak oluşmaya başlar. Ardından “arka planı koyu mod yap”, “harcama kategorilerine yeni ikonlar ekle” veya “yıllık tahmin tablosu ekle” gibi taleplerle aracı adım adım şekillendirebilirsiniz. Ortaya çıkan şey sadece bir metin değil, tıklanabilir, veri girilebilir, gerçek ve çalışan bir mini uygulama.

Artifacts Nasıl Paylaşılır ve Dışa Aktarılır?

Oluşturduğunuz bir eseri farklı amaçlara göre birkaç şekilde dışarı çıkarabilirsiniz.

1. Doğrudan Bağlantı ile Paylaşma

Eserin sağ üst köşesindeki “Paylaş” (Share) düğmesine tıklayarak içeriği yayınlayabilirsiniz. Bu işlem size başkalarına gönderebileceğiniz veya internette kullanabileceğiniz doğrudan bir bağlantı sağlar.

2. .zip Dosyası Olarak İndirme

Tüm HTML kodlarını içeren bir .zip dosyası alabilirsiniz. Bu, oluşturduğunuz yapıyı bir yazılımcıya veya başka bir yapay zeka aracına teslim etmek istediğinizde oldukça kullanışlı.

3. PDF Olarak Dışa Aktarma

Tasarımın kodlarını değil sadece nasıl göründüğünü paylaşmak isterseniz aynı menüden PDF olarak dışa aktarabilirsiniz.

4. Excel, Word ve PowerPoint İndirme

Claude sizin için bir tablo veya doküman oluşturduysa, ekrandaki indirme düğmesine tıklayarak çalışan formüllere sahip gerçek Excel dosyalarını veya Word belgelerini bilgisayarınıza kaydedebilirsiniz. Tablo tabanlı işler için Claude Excel Entegrasyonu yazımız da işinize yarayabilir.

5. Claude Code’a Gönderme

Tasarımı gerçek ve çalışan bir web sitesine dönüştürmek isterseniz “Daha fazla format ve uygulama” menüsünden “Claude Code’a gönder” seçeneğini kullanabilirsiniz. Bu sayede tasarım bilgisayarınızdaki yerel bir çalışma alanına aktarılır ve orada gerçek bir yazılıma dönüştürülebilir. Bu süreci daha detaylı öğrenmek için Claude ile Kod Yazma ve Uygulama Geliştirme yazımıza bakabilirsiniz. İnternette gerçek bir alan adıyla yayına almak (“deployment”) ayrı bir kurulum süreci gerektiriyor.

Claude Design ile Tasarımı İyileştirme

Claude Design, standart sohbet arayüzünden farklı olarak grafik tasarım ve kullanıcı arayüzü için özel geliştirilmiş bir araç. Tasarımları oluşturmakla kalmıyor, üzerinde detaylı değişiklik yapmanızı da sağlıyor.

• Güçlü model seçimi: En iyi tasarım için Claude Design içinde en güçlü modeli (örneğin Opus) seçip “effort” seviyesini yüksek ayarlamak öneriliyor.
• Şablon kullanımı: Uygulamanız için uygun proje türünü (örneğin “UI mock-ups”) şablon menüsünden seçerek başlayabilirsiniz.
• Etkileşimli geri bildirim: Claude Design, sayfa yapısı ve yerleşim hakkında size sorular sorar; bunları yanıtlayarak tasarımı şekillendirebilirsiniz.
• Gerçek görseller: Yer tutucu resimleri kendi ürün fotoğraflarınızla değiştirmesini istemek tasarımı daha gerçekçi hale getirir. Görsel üretim tarafında Claude ile Görsel Oluşturma yazımız da işinize yarayabilir.
• Sohbetle ince ayar: “Arka planı krem rengi yap”, “başlığı büyüt” gibi taleplerle tasarımı adım adım mükemmelleştirebilirsiniz.

Tasarım bittiğinde bu çalışmayı bir eser olarak yayınlayabilir, .zip veya PDF olarak dışa aktarabilir ya da gerçek bir web sitesine dönüştürmek için Claude Code’a gönderebilirsiniz.

Artifacts Hangi İşler İçin İdeal?

• Küçük hesap makineleri, planlayıcılar veya testler gibi tek kullanımlık interaktif araçlar
• Bir açılış sayfası veya ürün sayfası taslağını hızlıca görselleştirmek
• Bir fikri, geliştiriciye teslim edilebilir çalışan bir prototipe dönüştürmek
• Sunulacak bir tasarımı hızlıca PDF olarak paylaşmak

Sık Sorulan Sorular

Artifacts özelliği ücretsiz mi?
Evet, temel Artifacts özelliği ücretsiz plan dahil kullanılabiliyor. Claude Design ve en güçlü modellerle çalışmak için ücretli planlar daha iyi sonuç veriyor.

Oluşturduğum uygulama kalıcı olarak internette kalır mı?
Paylaş bağlantısı ile oluşturduğunuz link kalıcıdır, ancak gerçek bir alan adıyla yayına almak (deployment) ayrı bir kurulum gerektirir.

Artifacts ile Claude Code arasındaki fark ne?
Artifacts, hızlı prototip ve görselleştirme için idealdir. Claude Code ise gerçek bir yazılım geliştirme ortamında, daha karmaşık ve kalıcı projeler için kullanılır.

Kod bilmeden Artifacts kullanabilir miyim?
Evet, tüm süreç doğal dilde promptlarla yürütülüyor. Kod bilgisi gerekmiyor, sadece ne istediğinizi net anlatmanız yeterli.

Sonuç

Artifacts, Claude’un metin yazıcıdan bir üreticiye dönüştüğü aşamayı temsil ediyor. Üç parçalı prompt yapısıyla net bir istek verdiğinizde, dakikalar içinde çalışan bir mini uygulama veya web sayfası ortaya çıkabiliyor. Paylaşım seçenekleri (link, .zip, PDF, Claude Code) sayesinde bu çıktıyı hem kendi kullanımınız hem de bir geliştiriciye teslim etmek için farklı formatlarda dışa aktarabilirsiniz.

Ürettiğiniz uygulamayı gerçek bir yazılıma dönüştürmek isterseniz Claude Code Kurulum Rehberi yazımıza bakabilirsiniz.