Skip to content

Releases

anatomy-figures 0.1.0

Choose a tag to compare

@wheresryan22 wheresryan22 released this 09 Oct 21:16

The first release: every Anatomy figure as a live, themeable component, drawn by Claude with the /anatomy skill.

  • 52 figures. 33 drawn by the skill (SVG, WebGL and 3D), plus 19 early examples from the WebGL glass article, Nos. 34–52.
  • With or without React. Each figure is a named export (import { Turbofan } from "anatomy-figures"), its own entry (anatomy-figures/turbofan), and a custom element (anatomy-figures/element/turbofan).
  • Themes. dark (default), light, paper, blueprint and sepia, or your own --anatomy-* tokens, per figure or for a whole tree with <AnatomyTheme>.
  • Early examples keep their own light and dark palettes: theme picks one, and --anatomy-card sets their ground. They render with React inside, so their custom elements need react and react-dom.

Install

From npm:

npm install anatomy-figures

Or from the tarball attached to this release:

npm install https://github.com/wheresryan22/anatomy-figures/releases/download/v0.1.0/anatomy-figures-0.1.0.tgz

Use

import { Turbofan, OnePane } from "anatomy-figures";

<Turbofan theme="light" />
<OnePane theme="dark" />

MIT