O que anatomy faz?
Origem: https://github.com/wheresryan22/anatomy — MIT © 2026 Ryan. Consulte o original em inglês em
SKILL.en.mdneste diretório; análise detalhada emPHAN-TICH.md.
Para que serve
Explica uma ideia técnica construindo-a como um objeto real e funcional: uma chave de cache vira uma fechadura que só gira quando todos os pinos se encaixam; um contexto GPU que atende múltiplos canvases vira uma impressora com um cabeçote que visita 16 poços. O resultado é uma ilustração isométrica composta por diversos pequenos detalhes sólidos, sombreados em quatro tons, dentro de um cartão com título, dicas e métricas diretas, com movimento suave ao mouse e teclado.
Três tipos de ilustração (compartilham o mesmo kit, câmera e regras de construção):
| Tipo | Descrição |
|---|---|
| SVG | Núcleo. Detalhes isométricos sólidos, 4 tons, desenhados de trás para frente, em cartão com métricas diretas. Exporta HTML independente, .svg com CSS embutido ou React/Next.js. |
| SVG + WebGL | Para elementos que não podem ser desenhados com traços: fogo, exaustão, água, caustics, luz, brilho, vapor. Shaders executam em canvas entre SVG traseiro e dianteiro, mesma câmera isométrica. |
| 3D (beta) | Detalhes com rotação 3D real: eixos girando, dedos se dobrando, peças caindo livremente. O restante é arte estática. |
Instalação
npx skills add wheresryan22/anatomy -g
# ou -a claude-code / -a antigravity / -a opencode / -a codex / -a minimax-code
- Instala em
~/.claude/skills/anatomy(Claude Code),~/.config/opencode/skills/anatomy(OpenCode),~/.agents/skills/anatomy(Codex), etc. Ou façagit clonedo repositório diretamente no diretório de skills. - Requisitos: Node.js ≥ 20.10 (usa apenas módulos nativos, 0 dependências), Chrome/Chromium para auto-verificação (headless, encontrado em caminhos padrão ou defina
CHROME_PATH). React 18+ é necessário apenas para saída React.
Como usar
/anatomy explain how a token bucket rate limiter works, interactive
- Não precisa chamar a skill pelo nome: pergunte sobre "ilustração isométrica", "figura explicativa para docs/blog/landing page" que o agente ativa automaticamente. Codex usa
$anatomy. - 3 hábitos para boas ilustrações: (1) diga a ideia, não descreva o desenho, incluindo métricas reais (dimensões, quantidades, velocidades, limites); (2) ou nomeie o objeto se já conhecido (máquina de espresso, lamparina Bunsen, fechadura) e diga o que se move; (3) diga onde a ilustração viverá (HTML / SVG / React, claro ou escuro).
- Pode solicitar versão impressa:
node scripts/print.mjs sheet.mjs --format allgera PDF A4 (pôster, desenho técnico, explainer de 2 páginas).
Processo interno da skill
- Coletar métricas reais → 2. inventar o objeto → 3. listar peças → 4. construir geometria uma vez com o kit → 5. sombrear de trás para frente → 6. emoldurar → 7. animar → 8. auto-verificar como um crítico: auditoria geométrica (
build.mjs --audit: nada atravessa nada, todas as conexões corretas, sobreposições na ordem de profundidade correta), captura headless do Chrome (capture.mjs,drive.mjs), verificar linhas tracejadas soltas (lines.mjs), verificar 3D (turn-check.mjs). O agente deve ler cada PNG gerado.
Pontos fortes
- Qualidade de ilustração muito alta, com sistema próprio de verificação (auditoria + captura + contato) — raro uma skill de ilustração ter um ciclo real de auto-teste.
- Sem dependências, sem necessidade de chave de API; kit Node nativo.
- Suporta 5 agentes CLI (Claude Code, Antigravity, OpenCode, Codex, MiniMax Code) pelo padrão Agent Skill.
- Possui exemplos completos no repositório, site da galeria da comunidade, exportação de pôster PDF.
Pontos fracos
- Lento propositalmente: uma figura é uma longa sessão (construir peças, auditar, capturar close-ups em 2 temas). Build Raptor leva minutos; auditoria 3D leva 15–20 minutos para 30 peças.
- Não é biblioteca de gráficos: sem eixos, séries, plotagem de dados.
- Apenas desenha máquinas, ferramentas, móveis — não desenha pessoas, nem mapas precisos; ideias sem "mecanismo" produzem figuras fracas.
- Modo 3D ainda beta; shaders precisam de WebGL (sem WebGL, SVG ainda é legível).
Adequação ao Limix Bot
Bastante adequado quando for necessário explicar conceitos técnicos com ilustrações interativas para documentação, relatórios, páginas explicativas (mesmo direcionamento da skill answer-me-with-html no hub). Não adequado para respostas rápidas ou análise numérica — é mais uma "arma de contar histórias" para produtos de conteúdo. Observe o longo tempo de build, então use em uma tarefa dedicada em thread separada, não misture no chat normal.
Segurança
Skill puramente instrutiva + scripts Node locais (build/audit/capture). Os scripts apenas geram HTML/SVG/PDF, não chamam serviços externos durante o build; a verificação executa Chrome headless local. Conforme regra do hub: com ferramenta → estado de revisão, proprietário do bot analisa antes de ativar.