Anatomy
Kavramı anlat, Claude onu makineye çevirsin. Ona bir kavramı anlatmasını istediğinde, o kavramın mantığıyla çalışan bir makine tasarlıyor. Bu makineyi düzinelerce parçadan oluşan, hareketli ve etkileşimli bir izometrik figür olarak çiziyor; çıktı SVG, isteğe bağlı WebGL efektli ya da beta aşamasındaki 3D olabiliyor. Sonucu tek başına açılan bir HTML, .svg dosyası veya React bileşeni olarak veriyor, ardından headless Chrome ve audit betikleriyle parçaların iç içe geçip geçmediğini ve derinlik sırasını kendisi denetliyor.
Dokümantasyon, blog ya da ürün sayfası için sıradan diyagram yerine akılda kalıcı, etkileşimli açıklayıcı görsel isteyen geliştiriciler ve yazarlar için.
Nasıl kullanılır?
5 adımAnatomy, Claude Code'a eklenen bir beceri. Tek komutla kurulur: npx skills add wheresryan22/anatomy -g -a claude-code. Node.js 22.20 ve üzeri gerekir.
yani: skill: yapay zekâ asistanına verilen hazır talimat paketi.
Claude'dan teknik bir fikri anlatan bir figür istersiniz. Anatomy, Claude'a o fikrin mantığıyla çalışan fiziksel bir makine icat ettirir: örneğin 'değişmeyen işi atlayan önbellek' kavramı, ancak bütün pimler uyunca dönen bir kilide dönüşür.
Claude bu makineyi düzinelerce parçadan oluşan, hareketli ve izometrik bir SVG çizim olarak kodlar; istenirse aynı kamerada WebGL efektleri de ekler.
yani: köşeden kuşbakışı.
Sonra kendi işini kendisi denetler: görünmez bir Chrome penceresinde sayfayı açıp parçaların iç içe girip girmediğine ve derinlik sırasına bakan denetim betiklerini çalıştırır.
Sonuç size kaynak koduyla teslim edilir: tek başına açılan bir HTML, bir .svg dosyası ya da React bileşeni. Üretim uzun sürebilir ve Claude kullanım kotasından harcar.
Kendin kur
npx skills add wheresryan22/anatomy -g -a claude-code