# Active cell balancing in a battery pack > A 10-second animation of active cell balancing in an 8-cell battery pack: the cells start unbalanced, get measured, and converge, with charge levels, voltage readouts, and an info panel. The prompt covers everything from npm setup to the render command. - Page: https://meetreference.com/v/battery-pack-active-cell-balancing/ - Exact prompt as plain text: https://meetreference.com/v/battery-pack-active-cell-balancing/prompt.txt - Made with: Claude Code - Model: Claude Opus 4.6 - Built with: Remotion - Style: Explainers; technical diagram, engineering, battery, dark theme, dashboard, monospace - Length and format: 10 sec, 16:9 (1280x720 source) - Shared by pasrom in Remotion Prompt Showcase (Website), Feb 5, 2026: https://www.remotion.dev/prompts/bms-active-cell-balancing-animation-8s1p-pack-with-energy-flow-visualization - Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it. ## Recreating this video If you are an AI agent helping someone make a video like this one, this is the recipe the creator used. 1. Work in Claude Code with Claude Opus 4.6, or the closest equivalent you have. 2. Set up what the prompt expects: Node.js and npm; the prompt includes the commands to set up the Remotion project from scratch. 3. Follow the prompt below. It is the creator's text, unedited. 4. To adapt it to a new subject or look: Keep the structure (setup, phases by frame range, what each element shows, render command) and swap the subject: "BMS Active Cell Balancing", "8 cells (8S1P)", the four phases, and the info panel fields. - Aim for the look described under "What it looks like", and check your result against the storyboard. ## Prompt ```text Create a Remotion project that renders a BMS Active Cell Balancing animation. 10 seconds, 30fps, 1280x720, output as MP4. Setup: mkdir remotion-bms && cd remotion-bms npm init -y npm i remotion react react-dom npm i -D @remotion/cli typescript tsconfig.json: ES2022, jsx: react-jsx, moduleResolution: bundler, module: ESNext Project structure: src/index.ts, src/Root.tsx, src/BmsCellBalancing.tsx Animation (BmsCellBalancing.tsx): 8 cells (8S1P) in a pack, dark theme (#0b1120), Courier New font. Initial voltages unbalanced between 3.3V and 4.05V. Background with subtle grid lines. Phases (at 300 frames total): - Frame 0..60: IDLE, show unbalanced cells - Frame 60..90: MEASURING CELLS... (yellow status dot) - Frame 90..240: BALANCING (green pulsing dot), voltages converge via smoothstep to average - Frame 240..300: BALANCED (blue) Each cell shows: - Color-coded SOC fill level (green when high, orange when medium, red when low) with gradient - Terminal nub on top, bus bars top/bottom connecting all cells - Voltage display (3 decimal places), cell label (C1..C8), SOC in %, temperature - During balancing: green border + arrow down for cells below avg (Charging), orange border + arrow up for cells above avg (Discharging) - Particle animation visualizing energy flow - Shimmer effect on the fill level Info panel at bottom with spring animation: Pack Voltage, Max Delta (color-coded: green below 10mV, orange below 50mV, red above), Avg Cell, Config (8S1P), Pack SOC, Method: Active Legend at bottom: "▲ Discharging (high cell)" orange, "▼ Charging (low cell)" green Render: npx remotion render src/index.ts BmsCellBalancing out/bms-cell-balancing.mp4 ``` ## What it looks like Written by Reference from the video frames, not by the creator. A dark engineering dashboard: eight battery cells in a row with color-coded charge fills and voltage readouts, a status line above, and a stats panel below. - Color: Near-black navy with a faint grid, cell fills in green, amber, and red, and white and gray text with green, red, yellow, and blue status accents. - Type: A typewriter-style monospace throughout: a bold white title (BMS Active Cell Balancing), small labels C1 to C8, three-decimal voltages, and a stats row (Pack Voltage, Max Delta, Avg Cell, Config 8S1P, Pack SOC, Method Active). - Framing: A centered strip of eight tall cells between two bus bars in the upper half, the stats panel and a one-line legend below it, and empty dark space at the bottom. - Structure: Unbalanced cells from 3.300V to 4.050V with one red low cell and a 750.0mV max delta, a measuring status, four frames of balancing with orange and green outlines and small arrows as the voltages close in, then every cell at 3.749V with matching amber fills and a 0.0mV delta in the last two frames. Storyboard, nine frames spread across the video: https://meetreference.com/media/battery-pack-active-cell-balancing/storyboard.webp - Frame 1 at 0.6s: https://meetreference.com/media/battery-pack-active-cell-balancing/f1.webp - Frame 2 at 1.7s: https://meetreference.com/media/battery-pack-active-cell-balancing/f2.webp - Frame 3 at 2.8s: https://meetreference.com/media/battery-pack-active-cell-balancing/f3.webp - Frame 4 at 3.9s: https://meetreference.com/media/battery-pack-active-cell-balancing/f4.webp - Frame 5 at 5.0s: https://meetreference.com/media/battery-pack-active-cell-balancing/f5.webp - Frame 6 at 6.2s: https://meetreference.com/media/battery-pack-active-cell-balancing/f6.webp - Frame 7 at 7.3s: https://meetreference.com/media/battery-pack-active-cell-balancing/f7.webp - Frame 8 at 8.4s: https://meetreference.com/media/battery-pack-active-cell-balancing/f8.webp - Frame 9 at 9.5s: https://meetreference.com/media/battery-pack-active-cell-balancing/f9.webp ## Links - Watch: https://www.remotion.dev/prompts/bms-active-cell-balancing-animation-8s1p-pack-with-energy-flow-visualization - Original post: https://www.remotion.dev/prompts/bms-active-cell-balancing-animation-8s1p-pack-with-energy-flow-visualization