Artifacts ile Üretim

Artifacts, Claude’un conversation’ının yanında adanmış bir window’da ürettiği, ayakta durabilen ve etkileşimli output’lardır. Chat içine gömülü uzun bir kod ya da metin bloğu yerine, içeriği render edilmiş ve kullanıma hazır görürsün — çalışan bir website, etkileşimli bir chart veya hemen download edebileceğin bir document olabilir.

Artifacts nedir?

Claude, içerik belirli kriterleri karşıladığında otomatik olarak bir artifact oluşturur:

• İçerik anlamlı ve self-contained — tipik olarak 15 satırdan uzun
• Üzerinde edit, iterate veya reuse yapmak isteyeceğin bir şey
• Etrafındaki conversation’a ihtiyaç duymadan kendi başına ayakta durabilen karmaşık içerik
• Daha sonra referans alacağın veya kullanacağın içerik

Yaygın artifact tipleri

Claude farklı artifact türleri üretebilir; her biri farklı ihtiyaçlara uygun:

• Document’lar (markdown, plain text, Word, PDF, PowerPoint ve Excel dahil): Export edip düzenlemeye devam edeceğin metin ağırlıklı her şey için harika — meeting note’ları, rapor’lar, proje plan’ları, blog post’ları ve diğer yazılı içerik.
• Code snippet’leri: Herhangi bir programming language’de çalışan kod — Python, JavaScript, C++ ve daha fazlası. Kodu inceler, kopyalar veya download ederek kendi projende kullanırsın.
• HTML page’leri: Tek bir dosyada HTML, CSS ve JavaScript içeren tam web page’leri. Landing page, form, etkileşimli demo veya hızlı prototype için ideal.
• SVG image’lar: Logo, icon, illustration ve diğer görsel element’ler için scalable vector graphic. Tam olarak ne aldığını görmen için artifact penceresinde doğrudan render olur.
• Mermaid diagram’ları: Flowchart, sequence diagram, Gantt chart, org chart ve daha fazlası. Görselleştirmek istediğin ilişkileri tarif edersin, Claude rafine edebileceğin bir diagram üretir.
• React component’leri: Gerçek functionality’ye sahip etkileşimli UI element’leri — calculator, dashboard, oyun, data visualization. Bunlar sadece mockup değil; gerçek logic içerir ve user input’una cevap verir.

İlk artifact’ını üretmek

Bir artifact oluşturmak, sohbet etmek kadar basit. Ne istediğini tarif et, Claude bunu artifact olarak sunup sunmayacağına karar versin.

Örnek istekler:

• “Müşteri onboarding sürecimizi gösteren bir flowchart üret.” (Not: Claude artık bazı flowchart gibi görselleri kod tabanlı artifact’lara ek olarak Imagine ile HTML görsel diagram olarak da üretebiliyor.)
• “Aylık expense’leri girip bir breakdown görmemi sağlayan etkileşimli bir dashboard inşa et.”
• “Bir productivity app için hero section ve feature listesi olan bir landing page tasarla.”
• “Yeni initiative’ler için tekrar kullanabileceğim bir project brief template yaz.”

Beklediğin yerde Claude otomatik artifact üretmezse, açıkça iste: “Bunu artifact olarak üret” ya da “Bunu bir artifact içinde göster.”

Claude bir artifact ürettiğinde conversation’ının sağında adanmış bir pencerede görünür. Buradan şunları yapabilirsin:

• Farklı format’lar görme: Preview (nasıl görünüyor) ile altındaki kod arasında geçiş yap
• İçeriği kopyalama: Kopya ikonuna tıklayarak içeriği başka yerde kullanmak için al
• Dosya download etme: Artifact’ı bilgisayarına dosya olarak kaydet
• Kodu görme: Claude’un kaputun altında ne ürettiğini tam olarak gör

Artifact’ları paylaşmak ve yayımlamak

Faydalı bir şey ürettikten sonra paylaşmak için birkaç seçeneğin var.

Copy veya download: Kişisel kullanım için ya da başka kanallardan paylaşım için, artifact penceresinin sağ alt köşesindeki copy ya da download butonlarını kullan.

Organization içinde paylaşım (Claude for Work): Team ve Enterprise kullanıcıları artifact’ları takım arkadaşlarıyla internal paylaşabilir. Paylaşılan artifact organization içinde kalır ve erişim için takım authentication gerekir.

Public yayımlama: Free, Pro ve Max kullanıcıları artifact’ları public yayımlayabilir; link’i olan herkes erişebilir. Yayımlandığında:

• Sadece seçtiğin sürüm public olur (chat’in private kalır)
• Claude account’u olmasa bile herkes artifact’ı görebilir ve etkileşebilir
• Başkaları artifact’ını “remix” edebilir — kendi Claude conversation’ında açıp değiştirip üzerine inşa edebilir

Yayımlamak için artifact’ın sağ üst köşesindeki “Share” ya da “Publish” butonuna tıkla. Dilediğin zaman aynı artifact’a dönüp public erişimi kaldırarak unpublish yapabilirsin.

Artifacts’tan en çok faydayı çıkarma ipuçları

• Ne istediğin konusunda spesifik ol. “Bir budget tracker yap” iyi; ama “Aylık bir budget tracker yap; expense’leri kategoriye göre girebileyim, pie chart breakdown göreyim ve budget’ı aştığımda uyarı alayım” çok daha iyi.
• End user’ı tarif et. Artifact’ı kimin kullanacağını söylemek Claude’un uygun design seçimleri yapmasına yardım eder. “Bu flowchart yeni çalışanlar için”, “Bu flowchart engineering team için“‘den farklı sonuç verir.
• Adım adım iterate et. Claude’tan tek seferde tek bir feature eklemesini ya da tek bir değişiklik yapmasını iste. Neyin işlediğini görmek ve sorunları erken yakalamak kolaylaşır.
• Gerektiğinde artifact iste. Önemli bir şey istedin ama Claude artifact üretmek yerine chat içinde cevap verdiyse, sadece şunu söyle: “Lütfen bunu artifact olarak üret.”

Ders reflection

Devam etmeden önce şunları düşün:

• Tekrarlayan hangi işin etkileşimli, yeniden kullanabileceğin bir artifact’tan faydası olur?
• İşinde flowchart veya diagram olarak daha net olacak süreçler var mı?
• Bir fikri hızlı test etmene yardım edecek hangi prototype veya tool’u üretebilirsin?

Sırada ne var?

Bir sonraki derste Skills’i öğreneceğiz — Claude’a özelleşmiş workflow’lar öğreten reusable instruction set’leri.