# Anatomy

Build detailed, interactive isometric machine illustrations for technical ideas, documentation and product pages. Free open-source Anatomy skill by Ryan, with SVG, optional WebGL and React examples.

Canonical page: https://skillrove.dev/skills/anatomy
Version: 1.0.0
Package price: Free with a verified account
Installation hosts: Codex, Claude Code
Output: Interactive isometric machine illustrations

## What it does

- Explain a technical idea with a detailed, interactive physical mechanism.
- Create standalone SVG/HTML or integrate the supplied React drawing kit.
- Explore all eight upstream examples, light/dark themes and optional WebGL effects.

Best suited to: Developers, educators and designers illustrating how a system works.

Scope limits: Anatomy by Ryan, MIT licensed. WebGL depends on browser support; 3D is beta. Illustrations are not engineering certification.

## Documented deliverables and requirements

- SKILL.md + original README
- Drawing kit + React components
- All eight upstream source examples
- Six standalone light/dark preview pages
- MIT license + pinned source record
- delivery-manifest.json

Runtime requirements: Node.js 20.10+ · optional Chromium / React

Working example: https://skillrove.dev/skillrove/samples/anatomy/v1.0.0/desk-computer-light.html

Original Anatomy examples by Ryan / wheresryan22, MIT licensed. Node.js 20.10+; Python 3 only serves the preview. Chrome/Chromium is needed for upstream browser checks; React 18+ for React examples. Agent/model access is separate. WebGL needs browser support; 3D is beta. Platform 1.0.0 identifies the pinned source snapshot.

## Questions before installation

### How do I get Anatomy?

The package is free to download with a verified Skillrove account. Your agent subscription, model access and external provider credits are separate.

- [Compare access and pricing](https://skillrove.dev/pricing)

### Which agents can use this skill?

This release lists Codex, Claude Code as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.

- [Codex setup](https://skillrove.dev/skills/agent/codex)
- [Claude Code setup](https://skillrove.dev/skills/agent/claude-code)

### What files can this workflow generate?

The documented 1.0.0 workflow lists: SKILL.md + original README; Drawing kit + React components; All eight upstream source examples; Six standalone light/dark preview pages; MIT license + pinned source record; delivery-manifest.json. Some files or exports are optional; follow the package’s setup and inspect the delivered result.

- [Review all deliverables](https://skillrove.dev/skills/anatomy#skill-what-you-get)
- [Inspect the working example](https://skillrove.dev/skillrove/samples/anatomy/v1.0.0/desk-computer-light.html)

### What should I check before using the result?

Original Anatomy examples by Ryan / wheresryan22, MIT licensed. Node.js 20.10+; Python 3 only serves the preview. Chrome/Chromium is needed for upstream browser checks; React 18+ for React examples. Agent/model access is separate. WebGL needs browser support; 3D is beta. Platform 1.0.0 identifies the pinned source snapshot.

- [Read the installation guide](https://skillrove.dev/guides/how-to-install-a-claude-skill)
- [Review third-party notices](https://skillrove.dev/third-party-notices)

## Source and access

These facts come from the public Skillrove catalog and the documented active release. Agent labels describe intended installation hosts, not certification across every model. Package licenses apply; model accounts, provider credits and credentials are separate. Public facts do not grant download access.

[Installation guide](https://skillrove.dev/install/agent.md) · [Support](https://skillrove.dev/contact)