# AI use cases for Anima (Garinmckayl/anima)

Repo: [Garinmckayl/anima](https://github.com/Garinmckayl/anima) | Use cases: 3 | Page: https://dedupedai.com/use-cases/garinmckayl-anima/

Anima is a Claude Code skill that turns a biology idea into a standalone, interactive, sourced isometric HTML figure.

This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL.

- Make a sourced, interactive biology figure from one prompt: https://dedupedai.com/use-cases/garinmckayl-anima/sourced-biology-figure-from-prompt/
- Adapt a bundled example into your own biology figure: https://dedupedai.com/use-cases/garinmckayl-anima/adapt-example-to-new-biology-figure/
- Check a figure zoomed in, in both themes and at phone width: https://dedupedai.com/use-cases/garinmckayl-anima/check-figure-before-publishing/

## How to make a sourced, interactive biology figure from one prompt with Anima

Repo: [Garinmckayl/anima](https://github.com/Garinmckayl/anima) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README

Turn a biology mechanism into a cited, toggleable standalone HTML figure in Claude Code.

**Who it is for:** A teacher or science communicator preparing a lesson, talk or article who needs an accurate, sourced diagram of a mechanism such as a receptor, synapse or drug action.

**The problem:** Static diagrams cannot show how a mechanism changes, and animated graphics often carry numbers with no sources.

**The outcome:** A standalone HTML page in dark and light themes, with a mechanism toggle, a live readout and a sources block with a link for each displayed number.

### Steps

1. Run `npx skills add Garinmckayl/anima -g -a claude-code` to install the skill.
2. In Claude Code, name the biological subject, the mechanism to explain, the audience and the output format.
3. Send a request such as `/anima show how cocaine and amphetamine act differently at the dopamine transporter, with a drug selector and sourced mechanisms; standalone HTML`.
4. Read the sources block and the simplifications list, and confirm the educational-use note is present.
5. Open the page in both themes and at phone width before sharing it.

### Prompt to paste into your agent

```text
In the Garinmckayl/anima repo, use the /anima Claude Code skill to build a standalone HTML figure of <biology subject and mechanism>, with a toggle that changes the mechanism and a sources block. Expected output: one standalone HTML page in dark and light themes. Verify that every displayed number has a cited source with species, conditions and units, and that the page carries the educational-not-medical-advice note.
```

### Caveat

Figures are educational only and show mechanism, not doses or advice, and a 2D or isometric illustration cannot capture every spatial relationship.

Risk, remote script: The install command pulls and installs the skill from the GitHub repo, so review SKILL.md before running it.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/garinmckayl-anima/sourced-biology-figure-from-prompt/

## How to adapt a bundled example into your own biology figure with Anima

Repo: [Garinmckayl/anima](https://github.com/Garinmckayl/anima) | Difficulty: Advanced | Time: 1 hour | Basis: From the README

Copy the closest example folder, change its biology and rebuild standalone pages.

**Who it is for:** A developer or science illustrator who needs a figure for a subject the gallery does not cover and wants to reuse the drawing kit.

**The problem:** Drawing an isometric biology figure from nothing takes long, and the kit's primitives are easy to misuse without a working example.

**The outcome:** A new example folder with its own build.mjs that writes dark and light standalone HTML pages from the kit's blob, branch and chemistry primitives.

### Steps

1. Run `git clone https://github.com/Garinmckayl/anima` and `cd anima`. (inferred, check the README)
2. Pick the example closest to your subject, such as `examples/dopamine-receptors`.
3. Copy that folder, then edit its build.mjs to change the biology while keeping the imports from kit/.
4. Run `node examples/dopamine-receptors/build.mjs` and then `node examples/dopamine-receptors/build.mjs --light`, using your new folder path.
5. Open the generated pages and check the sources block and the simplifications list.

### Prompt to paste into your agent

```text
In the Garinmckayl/anima repo, copy examples/<closest-example> to examples/<new-subject> and change its build.mjs to draw <new biology subject>, importing only from kit/. Run node on the new build.mjs in dark and light mode. Expected output: two standalone HTML pages. Verify that the new page includes a sources block with a link for each number and an educational-not-medical-advice note.
```

### Caveat

The repo states that biology varies between species, tissues and individuals, so every new figure needs its own cited sources before it is shared.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/garinmckayl-anima/adapt-example-to-new-biology-figure/

## How to check a figure zoomed in, in both themes and at phone width with Anima

Repo: [Garinmckayl/anima](https://github.com/Garinmckayl/anima) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README

Run the repo's capture and audit scripts on a finished figure before publishing it.

**Who it is for:** A content author or developer who has built or edited an Anima figure and needs a reviewer-style check before it goes into a lesson, article or site.

**The problem:** A figure can look right at one size and theme but fail on membrane overlaps, wrong label targets or a scale that was never declared.

**The outcome:** A checked figure with captured screenshots and an audit of membrane intersections, label targets and declared scale.

### Steps

1. Install Chrome or Chromium, which the capture and verification scripts require.
2. Run `node scripts/capture.mjs` on the built figure page to capture it. (inferred, check the README)
3. Run `node kit/bio-audit.mjs` on the figure folder to check membrane intersections, label targets and declared scale. (inferred, check the README)
4. Review the page zoomed in, in both themes, and at phone width.
5. Fix any reported issue, rebuild, and repeat the capture before publishing.

### Prompt to paste into your agent

```text
In the Garinmckayl/anima repo, run the capture script and the bio-audit on the built figure in <figure-folder>, then report each audit issue with its location. Expected output: captured screenshots in dark and light themes plus a list of audit findings. Verify that the audit reports no unresolved membrane intersections, label-target problems or undeclared scale.
```

### Caveat

The README lists these checks in CONTRIBUTING.md and does not give the exact arguments, so confirm the command syntax there before running it.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/garinmckayl-anima/check-figure-before-publishing/