Pixel coder on graph paper learns to guard vibes with tests
165 views·1 likes·1 saves·1 reposts·Posted 24 Sept 2026 · 0:43 · Explainers
Our note
A 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.
The creator’s post
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
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
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth