Preskočiť na obsah
FOXIO.

Anatomy: bezplatný skill pre Claude Code, ktorý kreslí myšlienky ako fungujúce stroje

Nový open-source skill Anatomy premení jednu vetu na interaktívnu izometrickú figúru reálneho stroja — vo formáte SVG, WebGL alebo 3D. Za tri dni od vydania získal vyše dvetisíc hviezd na GitHube. Ukážeme, ako ho nainštalovať a na čo si dať pozor.

Redakcia FOXIOPublikované 12. októbra 2026Aktualizované 12. októbra 2026 o 07:252 min čítania
Anatomy: bezplatný skill pre Claude Code, ktorý kreslí myšlienky ako fungujúce stroje
Anatomy: bezplatný skill pre Claude Code, ktorý kreslí myšlienky ako fungujúce stroje — FOXIO.sk

Ak ste do dokumentácie alebo článkov niekedy lepili diagramy krabíc a šípok, Anatomy je presný opak: skill pre Claude Code, ktorý namiesto schémy vymyslí a postaví skutočne fungujúci stroj ako interaktívnu izometrickú figúru. Repozitár wheresryan22/anatomy vznikol 8. októbra a podľa dostupných údajov do 11. októbra dosiahol viac ako 2 100 hviezd a 165 forkov. Licencia je MIT — skill aj výstupy môžete voľne používať.

Čo presne produkuje

Princíp je jednoduchý: pomenovaná myšlienka sa stane fyzickým objektom, ktorého činnosť koncept vysvetľuje. Cache kľúč, ktorý preskočí prácu, keď sa nič nezmenilo, sa premení na pin-tumbler zámok, ktorý sa otočí len vtedy, keď sedí každý pin. Jeden GPU kontext pre viac plátien sa zmení na gantry ploter s jedinou tlačovou hlavou obsluhujúcou 16 jamiek.

Výstup existuje v troch úrovniach:

  • SVG — základ: izometrické súčiastky so štyrmi tónmi tieňovania, kreslené odzadu dopredu, v karte s názvom, nápovedou a živým ukazovateľom. Export ako samostatná HTML stránka, osamotený .svg súbor alebo React/Next.js komponenty.
  • SVG + WebGL — shader v rovnakej izometrickej kamere doplní to, čo čiary nedokážu: oheň, výfuk, vodu, svetlo, paru. Bez WebGL ostáva SVG čitateľné.
  • 3D (beta) — časti sa otáčajú v skutočnom 3D a každý frame sa prepočítava tieňovanie podľa pravidiel kitu.

Práca nad technickými plánmi — skill Anatomy stavia vysvetľujúce figúry ako reálne stroje (Foto: Pexels)
Práca nad technickými plánmi — skill Anatomy stavia vysvetľujúce figúry ako reálne stroje (Foto: Pexels)

Ako ho používať

Inštalácia je jednoriadková, bez API kľúčov a bez závislostí (využíva len vstavané moduly Node.js):

npx skills add wheresryan22/anatomy -g -a claude-code

Potom v Claude Code stačí zavolať /anatomy a popísať, čo má figúra vysvetľovať:

/anatomy explain how a token bucket rate limiter works, interactive

Tri zásady pre najlepšie výsledky priamo od autora:

  1. Pomenujte myšlienku, nie kresbu. Uveďte skutočné čísla — veľkosti, počty, prahy. Objekt vymyslí skill sám.
  2. Alebo pomenujte objekt. Ak viete, aký stroj chcete (espreso stroj, Bunsenov horák, zámok), povedzte, čo sa má hýbať.
  3. Povedzte, kde figúra bude žiť. Samostatná HTML stránka, SVG súbor alebo React komponent; svetlá alebo tmavá téma.

Limity, ktoré treba poznať

  • Nie je to knižnica grafov. Žiadne osi ani dátové série — čísla sa objavujú ako živý readout poháňaný modelom.
  • Kreslí stroje, prístroje a nábytok, nie ľudí či presné mapy. Myšlienka bez mechanizmu vyjde slabšie.
  • Je zámerne pomalý. Jednoduchá figúra trvá podľa autora 30 až 90 minút času Claude; plný 3D audit 15–20 minút. Platíte teda časom modelu, nie licenciou.
  • Potrebujete Claude Code, Node.js 20.10+ a Chrome na automatické vizuálne kontroly, ktoré skill spúšťa nad vlastnou prácou.

Pre koho má zmysel

Anatomy sa hodí pre tímy píšuce technickú dokumentáciu, blogy o architektúre, landing pages a vzdelávací obsah — všade tam, kde dnes končia statické diagramy. Výstup je zdrojový kód, ktorý vlastníte, takže figúry možno ďalej upravovať a verziovať. Pri opakovanom použití sa oplatí pripraviť si štýlové konvencie (téma, karta, ukazovateľ) a zdieľať ich v prompte, aby výstupy ladili.

Zdroje

Súvisiace články

Anatomy: skill pre Claude Code kreslí myšlienky ako fungujúce stroje | FOXIO