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-createin Claude Code. - Review the project in Remotion Studio and approve rendering when it is ready.
npx @visualstandard/install@latestFor package contents, verification details, and safe archive or removal steps, read the installation guide.
02 / Requirements
Before you begin.
Motion Graphics Creator currently supports macOS.
Installed, signed in, and available on your Mac.
With npm and internet access during installation.
Used by the installer to configure the required voiceover tools automatically.
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
Recommended: provide your transcript
For faster creation and lower credit usage, provide both the audio file and its transcript directly in Claude.
/visual-create Create a reel using this voiceover:
MP3 file:
[Paste the MP3 filename or full file path here]
Use the transcript below:
Transcript:
[Paste your transcript here]If the MP3 is inside the folder opened in your Claude Code Local session, its filename is enough. Otherwise, paste its full file path.
You can also provide only the MP3 file. Visual Standard will generate the transcript automatically, but this can add several minutes depending on the recording length and your Mac.
04 / Visual systems
Five different directions.
/visual-indexEditorial, structured, and proof-oriented.
/visual-signalAnalytical, technical, and system-oriented.
/visual-monoRestrained, typographic, and high-contrast.
/visual-atelierTactile, human, and process-oriented.
/visual-marketCommercial 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.
/visual-createName: Why retention compounds
Script: <paste the full explanation>
Visual family: Index
/visual-createName: From manual work to one workflow
Script: <paste the feature story>
Visual family: Signal
/visual-createName: The idea people miss
Script: <paste the narration>
Voiceover: /absolute/path/to/voiceover.wav
Visual family: choose for me
/visual-createName: 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.
Ask 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.