editor-pro-max
by Hainrixz
AI-powered video editor by @soyenriquerocha — built with Remotion + Claude Code. Describe videos in natural language, get professional MP4s. 25 components, 9 templates, 7 skills.
102stars
43forks
TypeScript
Added 4/18/2026
IDE Extensionsaiclaude-codemotion-graphicsreactremotiontypescriptvideo-editor
Installation
# Add to your Claude Code skills
git clone https://github.com/Hainrixz/editor-pro-maxEditor Pro Max
AI-Powered Video Editor by @soyenriquerocha
Built with Remotion + Claude Code | React 19 | TypeScript | Whisper AI
English
What is this?
Editor Pro Max turns Claude Code into a professional video editor. Instead of dragging clips on a timeline, you describe what you want in natural language and Claude writes the code. The project uses Remotion — a React framework that renders videos programmatically.
No GUI to learn. No export settings to configure. No API keys needed. Everything runs locally on your machine.
Quick Start
git clone https://github.com/Hainrixz/editor-pro-max.git
cd editor-pro-max
claude
/start
That's it. The /start command installs everything, verifies the build, and shows you what you can do.
What You Can Do
Create videos from scratch:
"Make me a TikTok announcing my new course" "Create a 5-slide presentation about AI" "Build an announcement video with particle effects"
Edit your own footage:
"Add captions to my talking head video" "Cut the dead air from my recording" "Extract a 30-second clip for Instagram"
Render for any platform:
"Render this for TikTok" (1080x1920) "Export for YouTube" (1920x1080) "Make a square version for Twitter" (1080x1080)
Features
| Category | Count | Details | |---|---|---| | Components | 25 | Text animations, backgrounds, overlays, media, layouts, transitions | | Templates | 10 | TikTok, Instagram, YouTube, Presentation, Testimonial, Announcement, BeforeAfter, TalkingHead, PodcastClip | | AI Skills | 7 | Remotion best practices, motion design, award-winning animations, FFmpeg | | Pipeline Scripts | 5 | Video analysis, audio extraction, Whisper transcription, silence detection, background removal | | Presets | 7 palettes, 8 gradients, 12 easings, 5 fonts, 9 platform dimensions |
How It Works
YOU CLAUDE CODE REMOTION
"Make me a TikTok" ──> Writes React composition ──> Renders to MP4
using 25 components 1080x1920 @30fps
Path A: Create from scratch
- Tell Claude what video you want
- Claude creates a composition using the component library
- Preview with
npm run dev(opens Remotion Studio) - Render with
npx remotion render <id> out/video.mp4
Path B: Edit existing video
- Place your video in
public/assets/video.mp4 - Claude runs the pipeline:
npx tsx scripts/analyze-video.ts— extracts metadatanpx tsx scripts/extract-audio.ts— extracts audio for transcriptionnpx tsx scripts/transcribe.ts— Whisper AI generates word-level captionsnpx tsx scripts/detect-silence.ts— finds dead air to cut
- Claude creates an edited composition (auto-captions, jump cuts, overlays)
- Preview and render
Templates
| Template | Dimensions | Folder | Use Case | |---|---|---|---| | Showcase | 1920x1080 | Examples | Branded intro with @soyenriquerocha | | TikTok | 1080x1920 | Social | Hook + body + CTA | | InstagramReel | 1080x1920 | Social | Headline + subtext | | YouTubeShort | 1080x1920 | Social | Title + particles | | Presentation | 1920x1080 | Content | Multi-slide deck | | Testimonial | 1920x1080 | Content | Quote + author | | Announcement | 1920x1080 | Promo | Product launch | | BeforeAfter | 1920x1080 | Promo | Wipe comparison | | TalkingHeadEdit | 1920x1080 | Editing | Auto-caption + silence removal | | PodcastClip | 1080x1920 | Editing | Clip extraction with captions |
Components
Text: AnimatedTitle (8 animation styles), LowerThird, TypewriterText, WordByWordCaption, CaptionOverlay (TikTok-style with 5 presets), TextStyles
Backgrounds: GradientBackground, ParticleField, GridPattern, ColorWash
Overlays: ProgressBar, Watermark, CallToAction, CountdownTimer
Media: FitVideo, FitImage (Ken Burns), Slideshow, VideoClip (trim), JumpCut (silence removal), ImageOverlay, AudioTrack (ducking)
Layout: SplitScreen, PictureInPicture, SafeArea
Transitions: 12 presets — crossfade, slide, wipe, clock, cut, and more
Project Structure
editor-pro-max/
├── src/
│ ├── components/ 25 reusable components
│ │ ├── text/ AnimatedTitle, LowerThird, CaptionOverlay...
│ │ ├── backgrounds/ GradientBackground, ParticleField...
│ │ ├── overlays/ ProgressBar, Watermark, CallToAction...
│ │ ├── media/ VideoClip, JumpCut, AudioTrack...
│ │ ├── layout/ SplitScreen, PictureInPicture...
│ │ └── transitions/ 12 transition presets
│ ├── templates/ 10 ready-made compositions
│ │ ├── social/ TikTok, Instagram, YouTube
│ │ ├── content/ Presentation, Testimonial
│ │ ├── promo/ Announcement, BeforeAfter
│ │ └── editing/ TalkingHeadEdit, PodcastClip
│ ├── presets/ Colors, fonts, easings, dimensions, brand
│ ├── hooks/ useAnimation, useTranscription, useSilenceSegments...
│ ├── utils/ Animation math, editing utilities
│ ├── schemas/ Zod validation schemas
│ ├── compositions/ Your video projects
│ └── Root.tsx Composition registry
├── scripts/ Pipeline scripts
│ ├── analyze-video.ts Extract video metadata
│ ├── extract-audio.ts Audio for Whisper
│ ├── transcribe.ts Whisper AI transcription
│ ├── detect-silence.ts FFmpeg silence detection
│ └── remove-bg.ts AI background removal
├── public/assets/ Your media files go here
├── CLAUDE.md Claude's video editing brain
└── .claude/commands/ /start command
Tech Stack
| Technology | Purpose | |---|---| | Remotion | React-based video rendering framework | | React 19 | Component-based video composition | | TypeScript | Type-safe code | | Whisper.cpp | Local AI transcription (word-level timestamps) | | FFmpeg | Audio extraction, silence detection, video processing | | @imgly/background-removal | AI background removal | | Claude Code | AI agent that writes and edits compositions |
Requirements
- Node.js 20+ (LTS recommended)
- macOS, Linux, or Windows with WSL
- Claude Code CLI installed
Cloud Alternative: Odysser
Computer not powerful enough? Want instant AI animations, music, automatic B-roll, and zero hardware dependency? Odysser is the best cloud alternative. Upload your video and get animated content in 5 minutes — with a free tier of 10 exports/month.
License
MIT License. See LICENSE for details. Note: Remotion and other dependencies have their own licenses.
Espanol
Que es esto?
Editor Pro Max convierte Claude Code en un editor de video profesional. En lugar de arrastrar clips en una linea de tiempo, describes lo que quieres en lenguaje natural y Claude escribe el codigo. El proyecto usa Remotion — un framework de React que renderiza videos de forma programatica.
No hay interfaz que aprender. No hay configuraciones de exportacion. No se necesitan API keys. Todo corre localmente en tu computadora.
Inicio Rapido
git clone https://github.com/Hainrixz/editor-pro-max.git
cd editor-pro-max
claude
/start
Eso es todo. El comando /start instala todo, verifica que funcione, y te muestra lo que puedes hacer.
Que Puedes Hacer
Crear videos desde cero:
"Hazme un TikTok anunciando mi nuevo curso" "Crea una presentacion de 5 slides sobre IA" "Construye un video de anuncio con efectos de particulas"
Editar tu propio material:
"Agrega subtitulos a mi video de talking head" "Corta el silencio de mi grabacion" "Extrae un clip de 30 segundos para Instagram"
Renderizar para cualquier plataforma:
"Renderiza esto para TikTok" (1080x1920) "Exporta para YouTube" (1920x1080) "Haz una version cuadrada para Twitter" (1080x1080)
Caracteristicas
| Categoria | Cantidad | Detalles | |---|---|---| | Componentes | 25 | Animaciones de texto, fondos, overlays, media, layouts, transiciones | | Templates | 10 | TikTok, Instagram, YouTube, Presentacion, Testimonio, Anuncio, Antes/Despues, TalkingHead, PodcastClip | | Skills de IA | 7 | Mejores practicas de Remotion, diseno de movimiento, animaciones premiadas, FFmpeg | | Scripts de Pipeline | 5 | Analisis de video, extraccion de audio, transcripcion Whisper, deteccion de silencio, remocion de fondo | | Presets | 7 paletas, 8 gradientes, 12 easings, 5 fuentes, 9 dimensiones de plataforma |
Como Funciona
TU CLAUDE CODE REMOTION
"Hazme un TikTok" ──> Escribe composicion React ──> Renderiza a MP4
usando 25 componentes 1080x1920 @30fps
Ruta A: Crear desde cero
- Dile a Claude que video quieres
- Claude crea una composicion usando la libreria de componentes
- Vista previa con
npm run dev(abre Remotion Studio) - Renderiza con
npx remotion render <id> out/video.mp4
Ruta B: Editar video existente
- Coloca tu video en
public/assets/video.mp4 - Claude ejecuta el pipeline:
npx tsx scripts/analyze-video.ts— extrae metadatanpx tsx scripts/extract-audio.ts— extrae audio para transcripcionnpx tsx scripts/transcribe.ts— Whisper AI genera subtitulos palabra por palabranpx tsx scripts/detect-silence.ts— encuentra silencios para cortar
- Claude crea una composicion editada (subtitulos automaticos, jump cuts, overlays)
- Vista previa y renderizado
Templates
| Templa
Comments (0)
to leave a comment.
No comments yet. Be the first to share your thoughts!
Related Skills
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
184,501
56,900
TypeScript
MCP Serversaiapis
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
159,797
24,845
JavaScript
AI Agentsai-agentsanthropic
An open-source AI agent that brings the power of Gemini directly into your terminal.
101,621
13,197
TypeScript
AI Agentsaiai-agents
An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
67,147
6,829
Python
CLI Toolsai-skillsantigravity
A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.
61,637
5,115
TypeScript
AI Agentsaiai-agents