editor-pro-max

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.

214
Stars
101
Forks
TypeScript
Language
8/23/2026
Added
View on GitHubDownload ZIP

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillTip is an informational directory and does not control or maintain the underlying repository. Any security checks displayed are automated and limited in scope. Review the source code before installing.

Read the Terms of Service

Installation

Add to your Claude Code skills directory:

# Add to your Claude Code skills
git clone https://github.com/Hainrixz/editor-pro-max

Getting Started

Guides for using skills like editor-pro-max.

Security Report

Verified

Last scanned: —

{
  "status": "PASSED",
  "issues": []
}

README.md

Editor Pro Max

AI-Powered Video Editor by @soyenriquerocha

Built with Remotion + Claude Code | React 19 | TypeScript | Whisper AI

Editor Pro Max — Landing Page

English | Espanol


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

CategoryCountDetails
Components25Text animations, backgrounds, overlays, media, layouts, transitions
Templates10TikTok, Instagram, YouTube, Presentation, Testimonial, Announcement, BeforeAfter, TalkingHead, PodcastClip
AI Skills7Remotion best practices, motion design, award-winning animations, FFmpeg
Pipeline Scripts5Video analysis, audio extraction, Whisper transcription, silence detection, background removal
Presets7 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

  1. Tell Claude what video you want
  2. Claude creates a composition using the component library
  3. Preview with npm run dev (opens Remotion Studio)
  4. Render with npx remotion render <id> out/video.mp4

Path B: Edit existing video

  1. Place your video in public/assets/video.mp4
  2. Claude runs the pipeline:
    • npx tsx scripts/analyze-video.ts — extracts metadata
    • npx tsx scripts/extract-audio.ts — extracts audio for transcription
    • npx tsx scripts/transcribe.ts — Whisper AI generates word-level captions
    • npx tsx scripts/detect-silence.ts — finds dead air to cut
  3. Claude creates an edited composition (auto-captions, jump cuts, overlays)
  4. Preview and render

Templates

TemplateDimensionsFolderUse Case
Showcase1920x1080ExamplesBranded intro with @soyenriquerocha
TikTok1080x1920SocialHook + body + CTA
InstagramReel1080x1920SocialHeadline + subtext
YouTubeShort1080x1920SocialTitle + particles
Presentation1920x1080ContentMulti-slide deck
Testimonial1920x1080ContentQuote + author
Announcement1920x1080PromoProduct launch
BeforeAfter1920x1080PromoWipe comparison
TalkingHeadEdit1920x1080EditingAuto-caption + silence removal
PodcastClip1080x1920EditingClip 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

TechnologyPurpose
RemotionReact-based video rendering framework
React 19Component-based video composition
TypeScriptType-safe code
Whisper.cppLocal AI transcription (word-level timestamps)
FFmpegAudio extraction, silence detection, video processing
@imgly/background-removalAI background removal
Claude CodeAI 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.

Try Odysser Free

License

MIT License. See LICENSE for details. Note: Remotion and other dependencies have their own licenses.


Espanol

Editor Pro Max — Pagina Principal

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

CategoriaCantidadDetalles
Componentes25Animaciones de texto, fondos, overlays, media, layouts, transiciones
Templates10TikTok, Instagram, YouTube, Presentacion, Testimonio, Anuncio, Antes/Despues, TalkingHead, PodcastClip
Skills de IA7Mejores practicas de Remotion, diseno de movimiento, animaciones premiadas, FFmpeg
Scripts de Pipeline5Analisis de video, extraccion de audio, transcripcion Whisper, deteccion de silencio, remocion de fondo
Presets7 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

  1. Dile a Claude que video quieres
  2. Claude crea una composicion usando la libreria de componentes
  3. Vista previa con npm run dev (abre Remotion Studio)
  4. Renderiza con npx remotion render <id> out/video.mp4

Ruta B: Editar video existente

  1. Coloca tu video en public/assets/video.mp4
  2. Claude ejecuta el pipeline:
    • npx tsx scripts/analyze-video.ts — extrae metadata
    • npx tsx scripts/extract-audio.ts — extrae audio para transcripcion
    • npx tsx scripts/transcribe.ts — Whisper AI genera subtitulos palabra por palabra
    • npx tsx scripts/detect-silence.ts — encuentra silencios para cortar
  3. Claude crea una composicion editada (subtitulos automaticos, jump cuts, overlays)
  4. Vista previa y renderizado

Templates

TemplateDimensionesCarpetaUso
Showcase1920x1080ExamplesIntro con marca @soyenriquerocha
TikTok1080x1920SocialHook + cuerpo + CTA
InstagramReel1080x1920SocialTitular + subtexto
YouTubeShort1080x1920SocialTitulo + particulas
Presentation1920x1080ContentPresentacion multi-slide
Testimonial1920x1080ContentCita + autor
Announcement1920x1080PromoLanzamiento de producto
BeforeAfter1920x1080PromoComparacion con wipe
TalkingHeadEdit1920x1080EditingSubtitulos + remocion de silencio
PodcastClip1080x1920EditingExtraccion de clip con subtitulos

Componentes

Texto: AnimatedTitle (8 estilos de animacion), LowerThird, TypewriterText, WordByWordCaption, CaptionOverlay (estilo TikTok con 5 presets), TextStyles

Fondos: GradientBackground, ParticleField, GridPattern, ColorWash

Overlays: ProgressBar, Watermark, CallToAction, CountdownTimer

Media: FitVideo, FitImage (Ken Burns), Slideshow, VideoClip (recorte), JumpCut (remocion de silencio), ImageOverlay, AudioTrack (ducking)

Layout: SplitScreen, PictureInPicture, SafeArea

Transiciones: 12 presets — crossfade, slide, wipe, clock, cut, y mas

Stack Tecnologico

TecnologiaProposito
RemotionFramework de renderizado de video basado en React
React 19Composicion de video basada en componentes
TypeScriptCodigo con tipos seguros
Whisper.cppTranscripcion IA local (timestamps por palabra)
FFmpegExtraccion de audio, deteccion de silencio, procesamiento de video
@imgly/background-removalRemocion de fondo con IA
Claude CodeAgente IA que escribe y edita composiciones

Requisitos

  • Node.js 20+ (LTS recomendado)
  • macOS, Linux, o Windows con WSL
  • Claude Code CLI instalado

Alternativa en la Nube: Odysser

Tu computadora no tiene suficiente poder? Quieres animaciones instantaneas con IA, musica, B-roll automatico y cero dependencia de hardware? Odysser es la mejor alternativa en la nube. Sube tu video y obtiene contenido animado en 5 minutos — con un plan gratuito de 10 exports/mes.

Probar Odysser Gratis

Licencia

Licencia MIT. Ver LICENSE para detalles. Nota: Remotion y otras dependencias tienen sus propias licencias.


Made with Claude Code by @soyenriquerocha

Frequently Asked Questions

What is editor-pro-max?

editor-pro-max is an open-source ide extensions skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built 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. It has 214 GitHub stars.

Is editor-pro-max safe to use?

editor-pro-max failed SkillsLLM's automated security scan, which flagged one or more high-severity issues. Review the Security Report section carefully before using it.

How do I install editor-pro-max?

Clone the repository with "git clone https://github.com/Hainrixz/editor-pro-max" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is editor-pro-max written in?

editor-pro-max is primarily written in TypeScript. It is open-source under Hainrixz on GitHub, so you can review or fork the full source.

Are there alternatives to editor-pro-max?

Yes. SkillsLLM lists many other IDE Extensions skills you can browse and compare side by side. Open the IDE Extensions category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh editor-pro-max against similar tools.

Comments (0)

No comments yet. Be the first to share your thoughts!

claudian

by YishenTu

An Obsidian plugin that embeds Claude Code/Codex as an AI collaborator in your vault

14,921972TypeScript
IDE Extensions
View details

OpenMythos

by kyegomez

A theoretical reconstruction of the Claude Mythos architecture, built from first principles using the available research literature.

14,8003,292Python
IDE Extensions
View details

cursor-hooks

by cursor

5

Automate Cursor behavior around agent events with hooks.

12,500890TypeScript
IDE Extensionsclaude-codeai-tools
View details

arscontexta

by agenticnotetaking

Claude Code plugin that generates individualized knowledge systems from conversation. You describe how you think and work, have a conversation and get a complete second brain as markdown files you own.

3,479220Shell
IDE Extensions
View details

Developers Also Liked

Based on votes and bookmarks from developers who liked this skill

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP Serversapisai-tools
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details