Skip to content
cccskills
FreePublished on GitHub

manimgl-best-practices

Create mathematical animations in ManimGL using Python, with guidance for equations, graphs, 3D scenes, and camera movement. Includes interactive development workflows, examples, and templates for testing changes and rendering scenes to video.

OriginalShow the original description

Trigger when: (1) User mentions "manimgl" or "ManimGL" or "3b1b manim", (2) Code contains `from manimlib import *`, (3) User runs `manimgl` CLI commands, (4) Working with InteractiveScene, self.frame, self.embed(), ShowCreation(), or ManimGL-specific patterns. Best practices for ManimGL (Grant Sanderson's 3Blue1Brown version) - OpenGL-based animation engine with interactive development. Covers InteractiveScene, Tex with t2c, camera frame control, interactive mode (-se flag), 3D rendering, and checkpoint_paste() workflow. NOT for Manim Community Edition (which uses `manim` imports and `manim` CLI).

See how to install

Good for

  • Animate equations and mathematical derivations
  • Visualize functions and graphs
  • Build 3D scenes with camera movement
  • Test animation changes interactively

Files included (107)

  • SKILL.md7.3 KB
  • examples/attention_arcs_animation.py8.1 KB
  • examples/attention_pattern_dots.py4.3 KB
  • examples/attention_scenes.py33.9 KB
  • examples/attention_softmax_masking.py3.7 KB
  • examples/autoregressive_flow.py7.0 KB
  • examples/basic_multihead.py5.0 KB
  • examples/bloch_sphere_3d.py6.9 KB
  • examples/block_collision_basic.py5.4 KB
  • examples/blocks_3d.py7.2 KB
  • examples/collision_phase_space.py10.0 KB
  • examples/complex_s_plane.py9.8 KB
  • examples/cost_function.py3.9 KB
  • examples/cube_projection_3d.py6.3 KB
  • examples/damped_solutions_splane.py9.2 KB
  • examples/dot_product_visualization.py5.5 KB
  • examples/double_slit_interference.py11.1 KB
  • examples/eigenvalue_equations.py7.2 KB
  • examples/eigenvector_flow_field.py6.5 KB
  • examples/eigenvector_matrix_transformation.py6.2 KB
  • examples/elastic_collision_vectors.py10.5 KB
  • examples/embedding_matrix.py5.5 KB
  • examples/equation_transforms.py10.0 KB
  • examples/exponential_derivative.py8.2 KB
  • examples/fibonacci_eigenvalues.py5.9 KB
  • examples/gradient_descent_basic.py6.8 KB
  • examples/hexagon_cube_correspondence.py2.8 KB
  • examples/integration_visualization.py6.9 KB
  • examples/laplace_integral.py9.3 KB
  • examples/light_polarization.py11.2 KB
  • examples/linear_regression.py3.8 KB
  • examples/llm_prediction_pipeline.py9.3 KB
  • examples/lorenz_attractor.py5.3 KB
  • examples/lozenge_tiling.py3.2 KB
  • examples/max_random_process.py5.8 KB
  • examples/mlp_forward_pass.py8.7 KB
  • examples/mlp_network_icon.py3.2 KB
  • examples/mlp_neuron_activation.py7.7 KB
  • examples/mlp_neurons_flow.py10.1 KB
  • examples/mlp_relu_visualization.py5.3 KB
  • examples/mlp_vector_space.py8.6 KB
  • examples/mlp_weight_matrix.py8.5 KB
  • examples/multi_head_attention.py8.3 KB
  • examples/network_block_flow.py8.4 KB
  • examples/neural_network_basic.py4.3 KB
  • examples/parallax_starfield.py6.3 KB
  • examples/probability_distribution.py12.2 KB
  • examples/probability_output.py12.1 KB
  • examples/quantum_gates.py8.7 KB
  • examples/qubit_state_vector.py6.0 KB
  • examples/query_key_dot_products.py4.2 KB
  • examples/query_key_space_mapping.py6.3 KB
  • examples/radial_wave_visualization.py7.6 KB
  • examples/rotating_exponentials.py9.3 KB
  • examples/semantic_similarity.py5.8 KB
  • examples/simple_test.py1.8 KB
  • examples/softmax_visualization.py4.8 KB
  • examples/solve_damped_ode.py9.1 KB
  • examples/spring_mass_system.py9.6 KB
  • examples/sqrt_random_process.py4.8 KB
  • examples/superposition_effect.py9.0 KB
  • examples/three_d_surfaces.py6.4 KB
  • examples/three_d_vector_space.py3.3 KB
  • examples/token_embeddings_flow.py5.9 KB
  • examples/token_probability_distribution.py6.5 KB
  • examples/token_sampling.py6.1 KB
  • examples/token_to_embedding.py8.1 KB
  • examples/tokenization_demo.py6.0 KB
  • examples/transit_animation.py6.2 KB
  • examples/value_matrix_transform.py7.0 KB
  • examples/vector_fields.py7.5 KB
  • examples/wave_amplitude_visualization.py12.8 KB
  • examples/weight_matrix_product.py5.7 KB
  • examples/weights_vs_data.py6.5 KB
  • examples/word_vector_analogy.py5.6 KB
  • examples/zone_plate_hologram.py11.5 KB
  • LICENSE.txt1.5 KB
  • references/equation_transforms.md2.5 KB
  • references/integration_visualization.md2.3 KB
  • references/parallax_starfield.md4.4 KB
  • references/rotating_exponentials.md2.5 KB
  • references/spring_mass_system.md3.0 KB
  • references/three_d_surfaces.md2.5 KB
  • references/transit_animation.md2.3 KB
  • references/vector_fields.md2.6 KB
  • rules/3d.md8.1 KB
  • rules/animation-groups.md9.9 KB
  • rules/animations.md3.8 KB
  • rules/camera.md10.2 KB
  • rules/cli.md8.1 KB
  • rules/colors.md8.1 KB
  • rules/config.md8.3 KB
  • rules/creation-animations.md8.2 KB
  • rules/embedding.md10.1 KB
  • rules/frame.md3.4 KB
  • rules/interactive.md3.2 KB
  • rules/mobjects.md3.6 KB
  • rules/scenes.md2.3 KB
  • rules/styling.md9.2 KB
  • rules/t2c.md5.8 KB
  • rules/tex.md2.9 KB
  • rules/text.md5.1 KB
  • rules/transform-animations.md10.0 KB
  • templates/3d_scene.py6.6 KB
  • templates/basic_scene.py3.4 KB
  • templates/interactive_scene.py1.7 KB
  • templates/math_scene.py8.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

How to use

Read individual rule files for detailed explanations and code examples:

Core Concepts

Creation & Transformation

Text & Math

  • rules/tex.md - Tex class, raw strings R"...", and LaTeX rendering
  • rules/text.md - Text mobjects, fonts, and styling
  • rules/t2c.md - tex_to_color_map (t2c) for coloring math expressions

Styling & Appearance

3D & Camera

  • rules/3d.md - 3D objects, surfaces, Sphere, Torus, parametric surfaces, lighting
  • rules/camera.md - frame.reorient(), Euler angles, fix_in_frame(), camera animations

Interactive Development

Configuration & CLI

  • rules/cli.md - manimgl command, flags (-w, -o, -se, -l, -h), rendering options
  • rules/config.md - custom_config.yml, directories, camera settings, quality presets

Working Examples

Complete, tested example files demonstrating common patterns:

Scene Templates

Copy and modify these templates to start new projects:

Quick Reference

Basic Scene Structure

from manimlib import *

class MyScene(InteractiveScene):
    def construct(self):
        # Create mobjects
        circle = Circle()

        # Add to scene (static)
        self.add(circle)

        # Or animate
        self.play(ShowCreation(circle))  # Note: ShowCreation, not Create

        # Wait
        self.wait(1)

Render Command

# Render and preview
manimgl scene.py MyScene

# Interactive mode - drop into shell at line 15
manimgl scene.py MyScene -se 15

# Write to file
manimgl scene.py MyScene -w

# Low quality for testing
manimgl scene.py MyScene -l

Key Differences from ManimCE

FeatureManimGL (3b1b)Manim Community
Importfrom manimlib import *from manim import *
CLImanimglmanim
Math textTex(R"\pi")MathTex(r"\pi")
SceneInteractiveSceneScene
Create animShowCreationCreate
Cameraself.frameself.camera.frame
Fix in framemob.fix_in_frame()self.add_fixed_in_frame_mobjects(mob)
Packagemanimgl (PyPI)manim (PyPI)

Interactive Development Workflow

ManimGL's killer feature is interactive development:

# Start at line 20 with state preserved
manimgl scene.py MyScene -se 20

In interactive mode:

# Copy code to clipboard, then run:
checkpoint_paste()           # Run with animations
checkpoint_paste(skip=True)  # Run instantly (no animations)
checkpoint_paste(record=True) # Record while running

Camera Control (self.frame)

# Get the camera frame
frame = self.frame

# Reorient in 3D (phi, theta, gamma, center, height)
frame.reorient(45, -30, 0, ORIGIN, 8)

# Animate camera movement
self.play(frame.animate.reorient(60, -45, 0))

# Fix mobjects to stay in screen space during 3D movement
title.fix_in_frame()

LaTeX with Tex class

# Use raw strings with capital R
formula = Tex(R"\int_0^1 x^2 \, dx = \frac{1}{3}")

# Color mapping with t2c
equation = Tex(
    R"E = mc^2",
    t2c={"E": BLUE, "m": GREEN, "c": YELLOW}
)

# Isolate substrings for animation
formula = Tex(R"\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}")
formula.set_color_by_tex("n", BLUE)

Common Patterns

Embedding for debugging

def construct(self):
    circle = Circle()
    self.play(ShowCreation(circle))
    self.embed()  # Drops into IPython shell here

Set floor plane for 3D

self.set_floor_plane("xz")  # Makes xy the viewing plane

Backstroke for text readability

text = Text("Label")
text.set_backstroke(BLACK, 5)  # Black outline behind text

Installation

# Install ManimGL
pip install manimgl

# Check installation
manimgl --version

Common Pitfalls to Avoid

  1. Version confusion - Ensure you're using manimgl, not manim (community version)
  2. ShowCreation vs Create - ManimGL uses ShowCreation, not Create
  3. Tex vs MathTex - ManimGL uses Tex with capital R raw strings
  4. self.frame vs self.camera.frame - ManimGL uses self.frame directly
  5. fix_in_frame() - Call on the mobject, not the scene
  6. Interactive mode - Use -se flag for interactive development

License & Attribution

This skill contains example code adapted from 3Blue1Brown's video repository by Grant Sanderson.

License: CC BY-NC-SA 4.0

  • Attribution required - Credit both 3Blue1Brown and the adapter
  • NonCommercial - Not for commercial use
  • ShareAlike - Derivatives must use the same license

See LICENSE.txt for full details.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Create 3D objects from text or images, choose catalog assets for repeated scenery, and inspect the results in Blender. The workflow checks geometry, materials, scale, and ground contact while recording asset sources and generation costs.

  • Create a unique 3D object from a text description
  • Reconstruct a 3D object from a concept image
  • Populate scenery with catalog vegetation and rocks
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

acestep

FreeSummary

Generate background music and songs with lyrics using ACE-Step 1.5, with controls for duration, tempo, and musical key. You can also restyle reference audio and separate vocals or individual instruments from mixed tracks.

  • Generate background music to match a video scene
  • Create a short jingle with supplied lyrics
  • Make a jazz arrangement of reference audio
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

agents

FreeSummary

Build voice assistants and conversational characters with ElevenLabs. Configure voices, language models, and external tools, then connect conversations to a website widget or use Twilio integration for outbound phone calls.

  • Creating a voice bot for customer support
  • Embedding a voice assistant on a website
  • Building an interactive voice character
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

ai-video-gen

FreeSummary

Create AI video clips from text or reference images, choosing among providers to match the task and budget. Supports vertical social videos, product photo animation, and conversational editing of existing clips with Gemini Omni Flash.

  • Create vertical video clips for social media
  • Animate product photos
  • Choose a video provider for a budget and visual style
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

ai-video-gen

FreeSummary

Generate video clips from text descriptions or reference images through multiple API services. Compare available providers by cost and task needs, choose aspect ratios, track generation progress, and refine existing clips through conversational editing with Gemini Omni.

  • Generating clips from written scene descriptions
  • Animating a product photo
  • Creating vertical videos for social media
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

atlas-cloud

FreeSummary

Generate and edit images and videos through Atlas Cloud using one API key across multiple model families. Choose supported models for each task, download the results, and retain details about the model, inputs, and estimated cost.

  • Generate images and videos through one service
  • Edit product images using reference materials
  • Create videos from images, video, or audio references
calesthio/OpenMontage69.6KUpdated Oct 17, 2026

See all skills by calesthio

Report a problem with this skill