一行の説明から動く等角図を作るClaude Codeスキル「Anatomy」が公開　SVGとWebGLで出力しReactにも対応

Anatomyは、ユーザーが一行で書いたアイデアからClaudeがそれを実現する機械を考え、数十から数百の小さな部品でできた等角投影図として描くスキル。図はSVGを基本に、炎や水、プラズマ、気流、光といった線では表しにくい表現をWebGLのシェーダーで同じ等角カメラの中に描き足せる。部品を奥行き方向に実際に回すベータ版の3Dモードもあるが、作るのに数時間かかるとしている。出力はフレームワークに依存しないTypeScriptで、SVGとHTMLのほか、ReactやNext.js向けのコンポーネントにもでき、ダークとライトのテーマを選べる。図に表示される数値は部品を動かすのと同じモデルから出す作りになっている。導入はnpx skills add wheresryan22/anatomyなどで、等角図や説明用の図を頼むと名前を出さなくてもClaudeが自動で使う。ロケットエンジンや波の水槽などの作例が公開され、X上ではVercelのGuillermo Rauch氏が取り上げたことで注目を集めた。