I want to create a professional eductional content to explain Bubble sort with a dry run example. Use split screen concept to display a psuedo code on the left and visualization of the dry run on the right in 3blue1Brown format and quality.
Make it yours. Swap "Bubble sort with a dry run example" for another algorithm or concept. Keep "Use split screen concept" and "in 3blue1Brown format and quality" for the same layout and look.
Split-screen bubble sort explainer
A 2.5-minute narrated explainer of bubble sort, with pseudocode on the left and an animated dry run on the right in a 3Blue1Brown style. Claude Code made it from a two-sentence prompt, using the creator's own Manim skills and ElevenLabs narration.
“Spend couple of hours to refine the following Manim skills and made it work with r/ElevenLabs to create a custom workflow so that I can now one-shot the following video.”
You'll need
- Manim installed locally
- An ElevenLabs API key
- Manim skills for your agent (the creator's own aren't published)
How it was made
Before this run, the creator spent a couple of hours refining Manim skills for Claude Code and wiring in ElevenLabs, so the prompt could be one-shot. Those skills aren't published, so results will differ. The model isn't named. The same post has a second video, on the HTTP protocol, made from a one-line prompt. The creator thinks the workflow would carry over to OpenCode, which also supports agent skills.
Posted Jan 31, 2026 · r/manim on Reddit · 7 upvotes · 11 comments
Prompt from: Post body
Look notesby Reference
A dark split screen in a 3Blue1Brown manner: a gray pseudocode panel on the left and a row of five numbered boxes on the right, with sorted boxes in green.
- Color
- Dark navy-charcoal ground, a slightly lighter gray code panel, blue-outlined number boxes, green for sorted values, yellow headings, and orange pass labels.
- Type
- Serif headings ("Pseudocode" and "Key Takeaways" in yellow, "Unsorted Array" in white, "Pass 1" in orange) and a monospace font for the pseudocode, with the current line boxed in yellow.
- Framing
- A thin blue vertical divider gives about a third of the frame to code and two-thirds to the array. The array sits centered on the right under its label, and the pass number stays in the top-right corner.
- Sound
- ElevenLabs narration, according to the creator.
- Structure
- The unsorted array 5, 3, 8, 4, 2, the split screen with pseudocode, passes 1 to 3, by which point 8, 5, and 4 are green, the sorted array 2, 3, 4, 5, 8, and a Key Takeaways list.
