An AI-powered video generation tool that creates animated videos from text scripts using Claude Code.

• How It Works
• Prerequisites
• Quick Start
• Video Creation Workflow
• Video Art Styles
• Commands Reference

Unlike traditional AI video generators that output video files, this tool generates React/TSX code that renders as animated videos. The AI writes the code—the code becomes the video.

• Claude Code CLI installed and configured. see Claude Code Quickstart

⚡ TL;DR: Clone repo → Run /tools:init → Set API key → Run /create-video

1. Get the repository: Either clone the repository or download it as a ZIP file and extract it.

2. Open Claude Code in the repository directory to ensure all commands work properly.

Run the initialization command in Claude Code:

/tools:init

This command will automatically:

• install the requirements needed to start generating video
• will direct you to setup the api key and will tell you how.

After installation completes, you need to set up your API key (this will be instructed after the /tools:init comand as well):

1. Get your API key: Visit https://production2.outscal.com/v2/get-video-generation-api-key and register or login
2. Add your API key to the .env file:

   OUTSCAL_API_KEY="your_api_key_here"
   

   Replace your_api_key_here with the actual API key you received.

The following environment variable is optional and only needed if you want to use a different voice:

Run the video creation command:

/create-video

When you run /create-video, the tool will guide you through this pipeline:

┌─────────┐   ┌─────────┐   ┌───────────┐   ┌───────────┐   ┌────────┐   ┌────────┐   ┌───────┐
│  Style  │ → │ Script  │ → │   Audio   │ → │ Direction │ → │ Assets │ → │ Design │ → │ Video │
└─────────┘   └─────────┘   └───────────┘   └───────────┘   └────────┘   └────────┘   └───────┘

When creating a video, you'll be asked to choose from three distinct visual styles:

A hand-drawn, sketch-like aesthetic that gives videos a personal, artistic feel. Features rough edges, sketch lines, and a notebook-paper appearance. Great for educational content that wants to feel approachable and informal.

Clean, modern, and professional style with bold colors, geometric shapes, and data visualization elements. Uses flat design principles with clear iconography. Ideal for business presentations, explainer videos, and data-driven content.

Vibrant, futuristic style with glowing effects, dark backgrounds, and bright accent colors. Features electric highlights and cyberpunk-inspired visuals. Perfect for tech topics, gaming content, or when you want a high-energy, modern look.