New to Claude Skills? Learn how to install them →

calesthio on GitHub

ManimGL Best Practices

Free

Optimize your ManimGL animations with proven techniques.

Get this skill

Free · Opens the source repo

What ManimGL Best Practices does

The ManimGL Best Practices skill provides a comprehensive guide for developers and designers using the ManimGL animation engine, specifically tailored for creating mathematical animations in the style of 3Blue1Brown. This skill is designed for those who are familiar with ManimGL and want to enhance their animation workflows through best practices and effective coding patterns. It covers essential topics such as scene creation, animation techniques, and interactive development workflows, helping users produce high-quality animations efficiently.

Users can explore detailed explanations and code examples organized into core concepts, creation and transformation techniques, text and math rendering, styling, and camera control. Each section is linked to specific rules that guide users through the nuances of using ManimGL effectively. For instance, the interactive development section allows users to utilize the -se flag for real-time debugging, enabling a more dynamic coding experience. This is particularly useful for animators who need to visualize changes on-the-fly.

The skill also includes a variety of working examples, demonstrating common patterns and best practices. These examples serve both as templates for new projects and as reference points for specific animation techniques. Users can easily adapt these examples to suit their needs, whether they are creating basic animations or complex 3D visualizations. Additionally, the quick reference section provides essential commands and code snippets that streamline the animation process, making it easier to implement best practices in daily work.

This skill is ideal for educators, content creators, and developers who are engaged in mathematical visualization and want to leverage the full potential of ManimGL. It is not suitable for those using the Manim Community Edition, as the syntax and command structure differ significantly. By following the best practices outlined in this skill, users can avoid common pitfalls and enhance the quality of their animations.

When to use it

Use this skill when working with ManimGL to ensure you are following best practices for animation creation and rendering.

When not to use it

This skill is not applicable for users of the Manim Community Edition, which has different syntax and commands.

What you can build with it

Creating Educational Animations

Use the best practices outlined in this skill to create engaging educational animations for teaching complex mathematical concepts.

Debugging Animation Code

Leverage the interactive development features to debug and refine your animation code in real-time.

Adapting Example Projects

Start new projects by adapting the provided example files and templates to fit your specific animation needs.

How to install ManimGL Best Practices

View source

1. Install with the skills CLI

npx skills add calesthio/openmontage/manimgl-best-practices --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by calesthio

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.

Frequently asked questions about ManimGL Best Practices

Similar skills