Math Animation Studio
Visualization skill, available on Zeplik
Math Animation Studio is a ready-to-run diagrams and visualization skill on Zeplik. Not for data charts or plots (use create-viz). Ask in plain language and Zeplik applies the skill's method for you inside the conversation, on whichever AI model you prefer.
The Math Animation Studio skill loads automatically when your request matches it, or you can invoke it directly by typing /manim in any chat. It works with attachments, connectors, and any model that supports the task, so you get the same expert method every time without setting anything up.
What the Math Animation Studio skill can do
- Generate complete runnable Manim scene files in Python
- Animate geometric shapes with transforms like Create and Transform
- Render LaTeX equations and formulas using Tex and MathTex
- Build coordinate systems and animated function graphs with Axes
Try these prompts on Zeplik
Pick a prompt to open it in the Zeplik app. If you are not signed in yet, your prompt is waiting for you the moment you do.
How the Math Animation Studio skill works
/manim
Create mathematical animations using Manim Community, a Python framework for creating explanatory math videos programmatically, popularized by 3Blue1Brown. Deliver complete, runnable Python scene files as chat artifacts; the user renders them locally with the manim CLI.
When to Use
Use this skill whenever dealing with Manim code to obtain domain-specific knowledge about:
- Creating mathematical animations and visualizations
- Building educational video content programmatically
- Working with geometric shapes and transformations
- Animating LaTeX equations and mathematical formulas
- Creating graphs, charts, and coordinate systems as animated scenes
- Implementing scene-based animation sequences
- Rendering high-quality mathematical diagrams
- Building explanatory visual content for teaching
Core Concepts
Manim builds animations from:
- Scenes: canvas for your animations where you orchestrate mobjects
- Mobjects: mathematical objects that can be displayed (shapes, text, equations)
- Animations: transformations applied to mobjects (Write, Create, Transform, FadeIn)
- Transforms: morphing between different states of mobjects
- LaTeX Integration: native support for rendering mathematical notation
- Python Simplicity: use Python to programmatically specify animation behavior
Key Features
- Precise mathematical object positioning and transformations
- Native LaTeX rendering for equations and formulas (Tex, MathTex)
- Extensive shape library (circles, rectangles, arrows, polygons)
- Coordinate systems and function graphing (Axes, NumberPlane, plot)
- Boolean operations on geometric shapes
- Camera controls and scene management (MovingCameraScene, ThreeDScene)
- High-quality video rendering
- IPython/Jupyter notebook integration
- VS Code extension with live preview
Quick Start Example
from manim import *
class SquareToCircle(Scene):
def construct(self):
# Create a square
square = Square()
square.set_fill(BLUE, opacity=0.5)
# Create a circle
circle = Circle()
circle.set_fill(RED, opacity=0.5)
# Animate square creation
self.play(Create(square))
self.wait(1)
# Transform square into circle
self.play(Transform(square, circle))
self.wait(1)
# Fade out
self.play(FadeOut(square))
The user renders with: manim -pql script.py SquareToCircle
Best Practices
- Inherit from Scene -- all animations should be in a class inheriting from Scene
- Use construct() method -- place all animation code inside the construct() method
- Think in layers -- add mobjects to the scene before animating them
- Use self.play() -- animate mobjects using self.play(Animation(...))
- Test with low quality -- tell the user to use the
-qlflag for faster preview renders - Leverage LaTeX -- use Tex() and MathTex() for mathematical notation
- Group related objects -- use VGroup to manage multiple mobjects together
- Preview frequently -- the
-pflag automatically opens rendered videos
Deliverable Checklist
When producing Manim code as a chat artifact:
- Provide one complete, self-contained .py file with all imports (
from manim import *) - Name scene classes descriptively; one logical animation sequence per Scene class
- Include
self.wait()beats so the pacing is watchable - Note the exact render command for each scene
- State the dependency floor: manim >= 0.19.0, Python >= 3.8, and LaTeX installed if Tex/MathTex is used
Render Commands (for the user to run locally)
# Preview at low quality (fast)
manim -pql script.py SceneName
# Render at high quality
manim -pqh script.py SceneName
# Save last frame as image
manim -s script.py SceneName
# Render multiple scenes
manim script.py Scene1 Scene2
Resources
- Documentation: https://docs.manim.community/
- Repository: https://github.com/ManimCommunity/manim
- Examples Gallery: https://docs.manim.community/en/stable/examples.html
- 3Blue1Brown Channel: https://www.youtube.com/c/3blue1brown
Usage
/manim $ARGUMENTS
How to use the Math Animation Studio skill
Sign in to Zeplik
Create a free Zeplik account or sign in. New accounts start with free credits, so you can try the Math Animation Studio skill right away.
Describe your diagrams and visualization task
Ask in plain language, or type /manim to invoke the skill directly. Zeplik recognizes the Math Animation Studio skill and applies its method.
Review and refine the result
Zeplik returns a clear, structured answer. Ask follow-ups in the same chat to refine it or take the next step.
Source and credit
- Author
- davila7
- License
- MIT
Adapted from the open-source davila7/claude-code-templates project and tuned to run natively on Zeplik. View source on GitHub.
Frequently asked questions
- What is the Math Animation Studio skill?
- Math Animation Studio is a ready-to-run diagrams and visualization skill on Zeplik. Not for data charts or plots (use create-viz). Ask in plain language and Zeplik applies the skill's method for you inside the conversation, on whichever AI model you prefer.
- How do I use Math Animation Studio on Zeplik?
- Sign in to Zeplik and ask in plain language, or type /manim in any chat to invoke it directly. The skill applies its method and returns a result you can refine in the same conversation.
- Which AI model does the Math Animation Studio skill use?
- Any model you choose. Zeplik works across every model in one chat, so the Math Animation Studio skill runs on your preferred model for the task.
- Where does the Math Animation Studio skill come from?
- The Math Animation Studio skill is adapted from the open-source davila7/claude-code-templates project (MIT) and tuned to run natively on Zeplik. The original source is linked on this page.
- How much does the Math Animation Studio skill cost?
- Using the skill is free to start. You only spend Zeplik credits when the assistant runs, and new accounts begin with free credits.
Related visualization skills
- C4 Architecture DiagramsUse when documenting software architecture as C4 model Mermaid diagrams: context, container, component, deployment, dynamic. Not for general diagrams (use diagram or mermaid-diagrams).
- D3.js VisualizationsUse when building bespoke interactive d3.js visualizations: networks, chord diagrams, maps, custom SVG with transitions and zoom. Not for quick standard charts (use create-viz).
- Diagram & Flowchart MakerProduce a downloadable, editable draw.io/diagrams.net XML file the user opens at app.diagrams.net. Use ONLY when the user explicitly wants an editable draw.io / diagrams.net / .drawio deliverable (a canvas file to open in the draw.io editor). For a diagram the user just wants to SEE inline in the chat — a flowchart, architecture, ER, sequence, or state diagram — use mermaid-diagrams (it renders as a real diagram in the message); this draw.io file does not render inline. Not for hand-drawn whiteboard looks (use excalidraw).
- Draw.io DiagramsUse when creating, editing, or laying out .drawio XML diagrams, including AWS architecture icons. Not for hand-drawn-style sketch diagrams (use excalidraw).
- Excalidraw DiagramsUse when creating, editing, or explaining .excalidraw JSON diagrams with a hand-drawn look. Not for Markdown text diagrams (use mermaid-diagrams).
- Mermaid Diagram MakerThe DEFAULT for any diagram the user wants to SEE inline in chat — flowcharts, flow diagrams, sequence, class, ER/database schema, C4 architecture, state, and gantt. Renders as a real diagram right in the message (Markdown-embeddable Mermaid), so use it for generic "make/draw a flowchart / architecture diagram / diagram of X" requests. Switch to the draw.io diagram skill only when the user explicitly asks for an editable draw.io / diagrams.net file.
More on Zeplik
Try Math Animation Studio on Zeplik
Every model, one chat. Bring the Math Animation Studio skill into your next conversation and let the assistant do the work.