Content

9 Mascots in 3D in 95 Minutes: Claude Wrote One 87 KB HTML File and He Rendered a 32-Second Video

  • Level Intermediate
  • Setup1–3 hrs (estimated)
  • Evidence Some evidence
  • CostNot stated in source
  • No-codeYes
ClaudeSource-linkedNeeds verification

What they did

Can an AI build a 3D animation with no 3D software? He asked Claude to build all of the Grok Bot mascot shapes in 3D. In 95 minutes it made 9 bots in one 87 KB HTML file with no images and no 3D engine, each shape a math formula. The first version was wrong, so he told it; it looked up the real mascot and rebuilt the scene. That was his only correction. He rendered 960 frames at 2160x2700 into a 32-second video.

How it went

One self-contained HTML animation you can render into a video.

Worth knowing

  • One person's X post; he's a digital artist. Check it looked up the right reference before building everything. Rendering 960 frames takes time.

Prompt

Cleaned version rewritten from the source — not a direct quote.

Build a single HTML file with an animated 3D scene of [describe characters], with no images or 3D libraries: draw each shape with math (signed distance functions) and add soft shadows and reflections. Make all the characters' eyes follow [moving object]. Start with one character so I can check it, then add the rest. Add a way to export frames at [resolution].

Recommended

Try it in Grok Bot

Grok Bot can write the same single-file animation and render it.

  1. Copy the prompt (button below).
  2. Open Grok Bot chat and paste it. Replace any [bracketed] placeholders.
  3. Connect the listed tools (Browser) as connectors when Grok Bot asks.
  4. If the task repeats, ask: "Make this a daily routine."

Alternatives: the same prompt works in Claude, ChatGPT Agent, OpenClaw.

Set it up

Tools: Browser · Stack: Claude + browser + frame capture

  1. Read the original source for full context.
  2. Connect the tools your agent needs.
  3. Paste the prompt and replace [bracketed] placeholders.
  4. Run once manually and check the output before scheduling it.

Generic suggested steps, not from the source.

Evidence

First-hand X post: 9 mascots, 95 min, 87 KB HTML, 1 correction, 960 frames at 2160x2700, 32-second video. Fan art, nothing sold

Source: X · 2026-10-22 · Verified by us: not yet · Report broken or outdated

Related use cases

ContentX · 2026-01

Turn YouTube channels into a weekly EPUB magazine

Every week, pulls new videos from a list of YouTube channels, rewrites their transcripts as magazine articles, and emails them to you as a newsletter plus an EPUB file.

  • Level Intermediate
  • Setup1–3 hrs*
  • Evidence Strong evidence
Claude CodeSource-linked
ContentReddit

Turn research into blog drafts automatically

The agent researches topics and writes blog posts in Markdown. The human reviews and publishes, saving 3 to 4 hours a week across two sites.

  • Level Beginner
  • Setup~30 min*
  • Evidence Strong evidence
OpenClawSource-linkedBeginner-friendly
MoneyWeb · 2026-02

Check a hospital bill against what Medicare would pay

A writer gave Claude the coded hospital claim (UB-04) for his late brother-in-law's $195,628 ER bill and asked it to build a spreadsheet of Medicare rates per code. Claude flagged bundled items billed separately, a bypass charge for a procedure that never happened, and a ventilation charge Medicare does not allow.

  • Level Intermediate
  • Setup1–3 hrs*
  • Evidence Strong evidence
ClaudeSource-linked