Claude Code ile Playground'lar Oluşturma

@trq212
İNGILIZCE5 ay önce · 29 Oca 2026
861K
3.0K
298
127
5.5K

TL;DR

Claude Code için geliştirilen yeni playground eklentisi, etkileşimli görselleştirme için bağımsız HTML dosyaları oluşturulmasına olanak tanıyarak geliştiricilere kullanıcı arayüzü tasarımı, mimari haritalama ve oyun dengeleme konularında yardımcı olur.

Claude Code için playground adında yeni bir eklenti yayınladık. Bu eklenti, Claude'un HTML oyun alanları oluşturmasına yardımcı oluyor. Bunlar, Claude ile bir sorunu görselleştirmenize, onunla etkileşime geçmenize ve Claude Code'a geri yapıştırmak için bir çıktı istemi sağlayan bağımsız HTML dosyalarıdır.

Bunun, metin için pek uygun olmayan şekillerde modelle etkileşime girmek için gerçekten iyi olduğunu gördüm, örneğin:

  • Kod tabanının mimarisini görselleştirmek
  • Bir bileşenin tasarımını ayarlamak
  • Düzen ve tasarım üzerinde beyin fırtınası yapmak
  • Bir oyunun dengesini ince ayar yapmak

Başlamak için, aşağıdaki komutları çalıştırarak eklentiyi Claude Code'a yükleyin:

**/plugin marketplace update claude-plugins-official

/plugin install playground@claude-plugins-official**

İşte yaptığım favori oyun alanlarımdan bazıları:

**

Claude Code'daki AskUserQuestion Tool'un tasarımını değiştirme

**prompt: "Use the playground skill to create an playground that helps me explore new layout changes to the AskUserQuestion Tool"

Thariq - inline image

**

Yazınızı eleştirme ve yanıt alma

**prompt: "Use the playground skill to review my SKILL.MD and give me inline suggestions I can approve, reject or comment"

Thariq - inline image

**

Remotion Video Intro'ya ince ayar yapma

**prompt: "Use the playground skill to tweak my intro screen to be more interesting and delightful"

Thariq - inline image

**

Mimari Diyagramı Görüntüleme ve kullanıcının yorum yapmasına izin verme

**prompt: "Use the playground skill to show how this email agent codebase works and let me comment on particular nodes in the architecture to ask questions, make edits, etc"

Thariq - inline image

**

Yaptığım Süper Kahraman Rogue-like oyununu dengeleme

**prompt: "Use the playground skill to help me balance the 'Inferno' hero's deck"

Thariq - inline image

0:24

Bunu nasıl keşfedeceğinizi görmek için heyecanlıyım!

İlginç bir oyun alanı oluşturmak için ipucum- modelle etkileşime geçmenin benzersiz bir yolunu düşünün ve ardından bunu ifade etmesini isteyin. Bence bunu şaşırtıcı bulabilirsiniz.

Harika bir şey yaparsanız, lütfen paylaşın!

Tek tıkla kaydet

YouMind ile viral makaleleri AI derin okumayla incele

Kaynağı kaydedin, odaklı sorular sorun, argümanı özetleyin ve viral bir makaleyi tek bir AI çalışma alanında yeniden kullanılabilir notlara dönüştürün.

YouMind'ı keşfet
Üreticiler için

Markdown'ınızı temiz bir 𝕏 makalesine dönüştürün

Kendi uzun yazılarınızı yayımlarken görselleri, tabloları ve kod bloklarını 𝕏 için biçimlendirmek zahmetlidir. YouMind, eksiksiz bir Markdown taslağını temiz ve hemen paylaşılabilir bir 𝕏 makalesine dönüştürür.

Markdown'dan 𝕏'e deneyin

Çözülecek daha fazla kalıp

Son viral makaleler

Daha fazla viral makale keşfet