mcpField
M
manimgl-best-practices

manimgl-best-practices

github.com/calesthioCreative & media73.0k1.1k installsUpdated 1d ago
Repository

About manimgl-best-practices

A ManimGL reference skill with rules, examples, and templates for building animated scenes, mathematical visuals, and 3D content. It is for ManimGL users and highlights interactive development alongside practical guidance on animation, text, camera control, and CLI usage.

Key features

  1. 01Scene and mobject guidance
  2. 02Animation patterns and transformations
  3. 03Text, LaTeX, and styling references
  4. 043D objects and camera control
  5. 05Interactive workflow and CLI examples

Use cases

  1. 01Create animated mathematical explanations
  2. 02Plot graphs and visualize equations
  3. 03Develop and inspect scenes interactively
  4. 04Start scenes from reusable templates

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/calesthio/openmontage --skill manimgl-best-practices

After installing, type/manimgl-best-practicesin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

examples/
attention_arcs_animation.py
attention_pattern_dots.py
attention_scenes.py
attention_softmax_masking.py
autoregressive_flow.py
basic_multihead.py
bloch_sphere_3d.py
block_collision_basic.py
blocks_3d.py
collision_phase_space.py
complex_s_plane.py
cost_function.py
cube_projection_3d.py
damped_solutions_splane.py
dot_product_visualization.py
double_slit_interference.py
eigenvalue_equations.py
eigenvector_flow_field.py
eigenvector_matrix_transformation.py
elastic_collision_vectors.py
embedding_matrix.py
equation_transforms.py
exponential_derivative.py
fibonacci_eigenvalues.py
gradient_descent_basic.py
hexagon_cube_correspondence.py
integration_visualization.py
laplace_integral.py
light_polarization.py
linear_regression.py

Details

From the project README

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.

Comments

Markdown supported