Endo

What's inside

Prompts

HTML · 901 lines / React · 899 lines

Media

Background image · Canvas

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Urbanist · Google Fonts

HTML

One file · gsap 3.15.0

React

React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Motion

loader, reticle-to-logo, stagger-in, beam-print

Tested & documented

08 October 2026

• Reproduced in Claude
• Rebuilt blind from the prompt: React and HTML
• Checked at 375, 768, 1440, 1920 px
• Spec linter: 0 errors, no generator links

How to use it

1. Claude

   Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.

2. Vite + React

   Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.

The prompt

Excerpt / 899 lines in the full prompt

# Build: "Endo — a humanoid robotics hero with an X-ray scanner" — a black android in profile on light studio grey; the cursor is a scanner that sees through its shell and through the giant word around it

## 0. Brief

Endo (fictional) builds E1, a general-purpose humanoid whose every part is documented and serviceable. The hero is one full screen on pale studio grey: a glossy black android head in profile looks left at the headline. The giant lowercase word endo is split in depth: en sits behind the head, do passes in front of the neck. The cursor is an X-ray scanner: near the figure it opens into a lens that shows the same frame as a radiograph, turns the giant letters into outlines and labels the part underneath; holding the button grows the lens until the whole page is film. A calibration loader whose reticle becomes the logo opens the page, then a scan beam prints the figure and the interface comes in, in order.

The full prompt unlocks at launch.