Visual Standard

Motion Graphics Creator
Documentation.

Create an editable 9:16 React and Remotion project from a script and an optional voiceover, directly with Claude Code.

01 / Quick start

Install once. Create in Claude Code.

Check the requirements below.
Open Claude Code and paste the installer command.
Approve running it when Claude asks.
Enter your license key in the secure macOS window.
When installation finishes, run /visual-create in Claude Code.
Review the project in Remotion Studio and approve rendering when it is ready.

Installer commandnpx @visualstandard/install@1.0.6

For package contents, verification details, and safe archive or removal steps, read the installation guide.

02 / Requirements

Before you begin.

macOS 13+

Motion Graphics Creator currently supports macOS.

Claude Code

Installed, signed in, and available on your Mac.

Node.js 20+

With npm and internet access during installation.

Voiceover tools

For voiceover alignment: ffmpeg, whisper-cli, and the supplied Whisper model.

Script-only projects are supported. A voiceover is optional, but adding one lets the system align scenes and words to the narration.

03 / Your first video

Give Claude Code a clear input.

Run /visual-create, then provide a project name and the full script or a local script-file path. Add a local voiceover path when you have one. Choose a visual system, or let the direction stage choose for you.

The script is the source of truth for on-screen copy. If you provide a voiceover, timing is aligned at word level.

04 / Visual systems

Five different directions.

/visual-index

Editorial, structured, and proof-oriented.

/visual-signal

Analytical, technical, and system-oriented.

/visual-mono

Restrained, typographic, and high-contrast.

/visual-atelier

Tactile, human, and process-oriented.

/visual-market

Commercial logic, tradeoffs, leverage, and proof.

The family commands start directly in that system. With /visual-create, you can name a family or ask the direction stage to choose.

05 / Prompt examples

Start with the story, not the effects.

These are input examples, not fixed templates or promises about the result. Replace the sample details with your own script and files.

Educational explanation/visual-create

Name: Why retention compounds
Script: <paste the full explanation>
Visual family: Index

SaaS product story/visual-create

Name: From manual work to one workflow
Script: <paste the feature story>
Visual family: Signal

Talking-head video/visual-create

Name: The idea people miss
Script: <paste the narration>
Voiceover: /absolute/path/to/voiceover.wav
Visual family: choose for me

Business and data story/visual-create

Name: Attention versus intent
Script: <paste the argument and metrics>
Visual family: Market

06 / Review and render

You keep the final creative decision.

Motion Graphics Creator checks the source, types, registration, and three representative frames before opening the editable project for review in Remotion Studio.

Review the composition and tell Claude Code what you want to refine. Rendering begins only after you explicitly approve it.

07 / Commands

The commands you need.

/visual-create: Start a new motion-graphics project.
/visual-resume: Resume a specific job that you deliberately stopped.
/visual-update: Install an authorized product update while preserving your work.
/visual-index … /visual-market: Start directly with one of the five visual systems.

08 / Troubleshooting

Run the built-in check.

System checkAsk Claude Code to check the Motion Graphics Creator installation.

Do not start a project until every required check passes. Common blockers are an unavailable npm registry, Claude Code missing from your PATH, missing media tools, incomplete browser setup, a non-writable install location, or a Node.js version below 20.

If an update says your entitlement expired, ask Claude Code to reactivate Motion Graphics Creator, enter the key privately when prompted, then run /visual-update again.

Motion Graphics CreatorDocumentation.