← Tüm blog yazıları
Claude / Anthropic

Claude Artifacts nedir?İlk interaktif örneğin

Yaklaşık 2 dk okuma
Sohbet panelinin yanında açık, küçük bir interaktif hesaplayıcı.
Görsel: Bu blog için AI ile üretilmiş kavramsal kapak; gerçek ürün ekran görüntüsü değildir.

Claude Artifacts, oluşturulan içeriği yalnızca sohbet yanıtı olarak okumak yerine ayrı bir alanda incelemeyi sağlar. Küçük bir hesaplayıcı, prototip veya etkileşimli içerik bunun örneği olabilir. Ancak iyi görünen bir önizleme ile gerçek kullanıma hazır bir araç aynı şey değildir; davranışı da test etmek gerekir.

Artifacts tarafında beni ilgilendiren, fikirle çalışan örnek arasındaki mesafeyi görünür hâle getirmesi. Ama güzel bir önizlemeyi tamamlanmış ürün kabul etmiyorum. Benim için küçük bir aracın gerçek değeri, boş alan veya yanlış sayı girildiğinde de anlaşılır davranması. Görünüm ve işlevi birlikte düşünmek gerekiyor.

Ne oluşturacağını somutlaştır

Anthropic’in Artifacts rehberi, bağımsız içerik ve küçük etkileşimli araçlar üretme kullanımını açıklıyor. İlk deneme için bütçe takip sistemi gibi geniş bir ürün yerine yalnızca proje süresi hesaplayan küçük bir araç seç. Girdi, hesaplama ve çıktı tek cümlede tarif edilemiyorsa kapsamı biraz daralt.

Bir hesaplayıcının kurallarını yaz

Örneğin çekim günü ve kurgu günü alanları olan bir planlama aracı düşün. Toplam gün bu iki alanın toplamı olsun. Negatif sayı kabul edilmesin; boş alan sıfır gibi gizlice değerlendirilmesin. Bu tür küçük kurallar tasarım kadar önemlidir. “Modern bir araç yap” komutu, hesabın nasıl işleyeceğini açıklamaz.

Görünümü ve işlevi ayrı test et

Önce normal değerlerle dene, ardından sıfır, boş alan ve çok büyük sayı gir. Klavye ile bütün alanlara erişebiliyor musun? Hata mesajı hangi alanı düzelteceğini söylüyor mu? Mobil görünümde sonuç kesiliyor mu? Bir değişiklik isterken yalnızca sorunlu davranışı belirt; her turda bütün tasarımı yeniletmek önceki doğru davranışı bozabilir.

Paylaşmadan önce veri kapsamına bak

Paylaşım seçenekleri ve veri saklama davranışı artifact türüne göre değişebilir. Kullanıcı girdisinin kimler tarafından görülebileceğini incele. Deneme aracına gerçek müşteri bilgisi koyma. Önizlemeyi çalışan bir ürün sanıp kontrolsüz yayımlamak yerine, işlev ve içerik kontrolünden sonra paylaşım kapsamını bilinçli seç.

Kopyalanabilir örnek

Çekim günü ve kurgu günü girilince toplam iş günü gösteren küçük bir hesaplayıcı oluştur. İki alan da zorunlu ve negatif olmayan tam sayı olsun. Hata mesajını ilgili alanın yanında göster. Mobilde okunaklı, klavyeyle kullanılabilir ve koyu temalı olsun.

Bu yazı için hazırlanan uygulama notları.
AlanKontrol / örnek
Normal test2 çekim + 3 kurgu = 5 gün
Hata testiBoş veya negatif girdi
Kullanım testiKlavye ve dar ekran

Benim yaklaşımım

İlk deneme için kapsamı dar bir hesaplayıcı seçerdim. Önce normal sonucu, sonra hata durumunu kontrol ederdim. Aracı paylaşmadan önce hangi verinin saklandığına ve kimlerin görebildiğine de bakmak isterim. Çalışan bir örnek, bu soruların atlanması için değil, daha somut sorulabilmesi için yararlı.

Kaynaklar

Anthropic — Artifacts kullanımı

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz