본문으로 건너뛰기
cccskills
무료GitHub에 공개

manimgl-best-practices

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).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(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.5 KB
  • templates/basic_scene.py3.4 KB
  • templates/interactive_scene.py1.7 KB
  • templates/math_scene.py8.1 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Add a new expert to the Remotion experts page

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

add-sfx

무료

Add a new sound effect to @remotion/sfx

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

Use when setting up a secure email inbox for any AI agent — configuring inbound email via Resend, webhooks, tunneling for local development, and implementing security measures to prevent prompt injection attacks. Also use when someone mentions 'agent email', 'bot inbox', 'receive emails for agent', 'agent webhook', 'email security for AI', 'prompt injection via email', 'inbound email for bot', or wants their AI agent to receive and respond to emails securely.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

ai-seo

무료

Builds, measures, and improves an Answer Engine Optimization program across ChatGPT, Perplexity, Claude, Gemini, Google AI Overviews, and Copilot. Use for AEO, GEO, LLMO, AI search visibility, AI citations, brand mentions, answer-engine monitoring, llms.txt, AI crawler audits, or questions like 'what does AI say about us?' and 'why are competitors cited instead of us?'. Produces a durable evidence report and prioritized gameplan, not a one-shot content checklist.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

Generate Apple App Store screenshot pages as a Next.js app with html-to-image export at required resolutions. Screenshots are advertisements, not documentation — every screenshot sells one idea. Use when building App Store screenshots, generating exportable marketing screenshots for iOS apps, or creating programmatic screenshot generators. Triggers on 'app store screenshots', 'App Store', 'screenshot generator', 'iOS screenshots', 'marketing screenshots', 'phone mockup', 'ASO screenshots', 'app store assets', 'app listing', 'app store page', or 'app preview images'. Also use when someone is about to submit an app and needs store assets, or when they say 'make my app store page look good'. Includes iPhone and iPad mockup components with pre-measured dimensions.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

Build detailed buyer personas and audience profiles from research. Use this skill whenever the user mentions audience, buyer persona, ideal customer, target market, ICP, watering holes, 'who am I selling to', customer research, or audience profile. Also use when content feels unfocused or generic (that's an audience problem), when conversion is low because messaging doesn't resonate, when starting any new project (audience should be first), or when any downstream skill needs audience.md but it doesn't exist yet. Even if the user doesn't explicitly ask for audience research, trigger this if they're writing copy or building a landing page without a clear audience defined. Three approaches: Quick Profile, Persona Build, Community Mining.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MoizIbnYousaf/marketing-cli322026년 10월 20일 업데이트

MoizIbnYousaf의 스킬 모두 보기

이 스킬의 문제 신고