Desk computer

Type on itclick it to switch

An old desk computer with a deep screen, a keyboard on a coiled cable and the Anthropic mark on the display. Type on it and the keys go down.

Prompt

/anatomy a physical old screen like Apple’s first PC, with the Anthropic logo on the screen, and a keyboard with a cable

Install

npm install anatomy-figures

In your code

page.tsx
import { Computer } from "anatomy-figures";

<Computer theme="light" />

Or load this figure on its own, so the others never download:

page.tsx
import Computer from "anatomy-figures/computer";

Theme it

Five themes (dark, light, paper, blueprint, sepia), or your own colours through tokens. Every token.

page.tsx
<Computer
  theme="light"
  tokens={{
    "--anatomy-card": "#ffffff",
    "--anatomy-lit": "#e5484d",
  }}
/>

Without React

index.html
import { define } from "anatomy-figures/element/computer";

define();

<anatomy-computer theme="light"></anatomy-computer>
The Creation of Adam, Michelangelo, c. 1512