Anatomy Skill Çıktı: Kavramları İzometrik Makine Yapıyor

Bir kavramı anlatmanın en zor yolu, onu tarif etmeye çalışmaktır. anatomy adlı açık kaynak Claude Skill'i bunu tersine çeviriyor: soyut bir teknik fikri, çalışma biçimi tam da o fikrin kendisi olan somut bir makineye dönüştürüyor. Proje beş gün içinde 7 binin üzerinde yıldız topladı.

Anatomy Nedir?

Kurulduğunda Claude'a "bu fikri izometrik, etkileşimli bir figürle anlat" yeteneği kazandıran bir Agent Skill. Örnek olarak verilen anlatım çarpıcı: "Hiçbir şey değişmediyse işi atla" mantığıyla çalışan önbellek, tüm pinleri hizalanmadan dönmeyen bir toptan kilit olarak çiziliyor. Birden fazla tuvali besleyen tek GPU bağlamı ise tek baskı kafasıyla 16 kuyuyu dolaşan bir çizim makinesine dönüşüyor.

Skill yalnızca resim çizmiyor; figürü onlarca küçük, gölgeli parçadan kuruyor, çerçeveli bir karta başlık, ipucu ve canlı gösterge ekliyor, fareyle ve klavyeyle sakin biçimde hareket ettiriyor ve sonunda kendi işini denetliyor: her eklemi tek tek yakınlaştırıp kontrol ediyor. Şekildeki her sayı, parçaları hareket ettiren aynı küçük modelden geliyor.

Nasıl Çalışıyor?

Anatomy standart bir Agent Skill paketi: kökünde SKILL.md bulunan bir klasör. Kurulduğu ajanın kendi araçlarını kullanıyor, dışarıdan model çağırmıyor. Skill, hazırladığı figürü çerçeveli bir kart içine alıyor; kartta başlık, kısa ipucu ve canlı bir gösterge bulunuyor. Parçalar fareyle ve klavyeyle yumuşak geçişlerle hareket ediyor, gölgelendirme dört tonlu sabit bir kuralla yapılıyor. İşin sonunda skill kendi çıktısını denetliyor: her eklemi yakınlaştırıp parçaların birbirine geçmediğini ve duruş, ayrılmış hâl ile aradaki her karede tutarlılığı kontrol ediyor.

Ne Üretiyor?

SVG (çekirdek): Dört tonlu gölgeli izometrik parçalar, arkadan öne boyanmış; canlı göstergeli kart içinde.
SVG + WebGL: Çizgiyle anlatılamayan alev, egzoz, su, kostik ve ışık için gölgelendirici devreye giriyor.
3B (beta): Kadran, tabla ya da bükülen parmaklar gerçek 3B'de dönüyor.

Çıktı tek başına çalışan bir HTML sayfası, stili gömülü tek bir .svg dosyası ya da React/Next.js bileşeni olarak alınabiliyor. Her figür açık ve koyu tema destekliyor.

Kurulum ve Kullanım

Kurulum tek satır: npx skills add wheresryan22/anatomy -g -a claude-code. Komut, hedefe göre -a opencode, -a codex ya da -a antigravity ile değiştirilebiliyor. API anahtarı gerekmiyor, ek bağımlılık kurulmuyor; kit yalnızca Node.js'in yerleşik modüllerini kullanıyor (Node 20.10 ve üzeri).

Kullanım da aynı sadelikte: Claude Code'da /anatomy, Codex'te $anatomy yazıp açıklamak istediğiniz konuyu ve istediğiniz tarzı ekliyorsunuz. Örneğin "token bucket hız sınırlayıcı nasıl çalışır, etkileşimli" demek yeterli.

Depodaki Örnekler

raptor-engine: Raptor 2 roket motoru ve test standı; fareyle üzerine gelindiğinde 11 ayrı gruba ayrılıyor, her karede hiçbir borunun başka bir parçadan geçmediği denetleniyor.
ripple-tank: Dalga leğeni; lamba ışığı ve kostikler iki ayrı WebGL katmanında, dağılım ve optik modeliyle hesaplanıyor.
turning-dial: 3B modun örneği; kadran çevrildikçe yaklaşık 90 parça her karede yeniden yansıtılıp gölgeleniyor.
dial-indicator: En küçük örnek, yaklaşık 300 satır; kızak kaydırıldıkça ibre her bloktaki değeri okuyor.

Rakamlarla anatomy

Depo 8 Ekim 2026'da açıldı ve 13 Ekim itibarıyla 7.447 yıldız ile 526 çatala ulaştı. MIT lisanslı, JavaScript ile yazılmış ve Node.js dışında bağımlılığı yok. Kaynaklar web sitesi üzerinden de incelenebiliyor.

Anatomy, kod ajanlarının ürettiği içeriğin "güzel ama boş" olma eğilimine karşı net bir tavır alıyor: figürün gösterdiği her hareket, anlatılan kavramın kendi mekaniğinden türetiliyor. Teknik sunum, blog görseli ya da eğitim materyali hazırlayanlar için pratik bir araç.