Pixel coder on graph paper learns to guard vibes with tests
165 views · 1 likes · 1 saves · 1 reposts · Posted Sep 23, 2026 · 0:43 · Explainers
OUR NOTEA hand-drawn explainer on graph paper where a pixel-art developer ships on vibes, loses HP to purple bugs and gears up with tests; the author says every animation, sound effect and music cue was generated in HTML, CSS and JS without image assets.
Opus 5.5 is an absolute BEAST in creating videos.
I am extremely shocked because my previous attempts with GPT-6 Astra and Grok 4.6 were quite underwhelming, far from production ready video.
The leap here is gigantic.
This is a ZERO shot video.THE PROMPT
Partial prompt — the creator shared only part of it.
Opus 5.5 is an absolute BEAST in creating videos.
I am extremely shocked because my previous attempts with GPT-6 Astra and Grok 4.6 were quite underwhelming, far from production ready video.
The leap here is gigantic.
This is a ZERO shot video.
【作者补充制作说明】
Why Opus 5.5 is so impressive is because it's is not a video generation model. It uses pure code to generate the sound effects, the music. All of the animations are done with CSS/HTML/JS, it doesn't use any video or image assets.
This is extremely useful for creating detailed explainer videos where you need very fine control over the infographics and consistent deterministic output.
The framework I used was hyperframes and narration is done by OpenAI text-to-speech.MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.