VerifiedPlugin
Marketing
claude-seo-ai
The SEO + AI-search (GEO/AEO) optimization toolkit for Claude Code — two-score audit + opt-in fixer. Built for 2026-2027.
29 skills
@hainrixzContent
Plugin
editor-pro-max
AI-Powered Video Editor by @soyenriquerocha Built with Remotion + Claude Code | React 19 | TypeScript | Whisper AI
Plugin Signal45/100Fair
maintained39
capable14
documented100
adopted50
Stats
218
Stars
105
Forks
Maintained
Maintenance
TypeScript
Language
4mo ago
Last commit
4mo ago
Created
Repo: Hainrixz/editor-pro-max
What's inside
README
1Editor Pro Max
AI-Powered Video Editor by @soyenriquerocha
Built with Remotion + Claude Code | React 19 | TypeScript | Whisper AI
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
| 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
| Template | Dimensiones | Carpeta | Uso |
|---|---|---|---|
| Showcase | 1920x1080 | Examples | Intro con marca @soyenriquerocha |
| TikTok | 1080x1920 | Social | Hook + cuerpo + CTA |
| InstagramReel | 1080x1920 | Social | Titular + subtexto |
| YouTubeShort | 1080x1920 | Social | Titulo + particulas |
| Presentation | 1920x1080 | Content | Presentacion multi-slide |
| Testimonial | 1920x1080 | Content | Cita + autor |
| Announcement | 1920x1080 | Promo | Lanzamiento de producto |
| BeforeAfter | 1920x1080 | Promo | Comparacion con wipe |
| TalkingHeadEdit | 1920x1080 | Editing | Subtitulos + remocion de silencio |
| PodcastClip | 1080x1920 | Editing | Extraccion 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
| Tecnologia | Proposito |
|---|---|
| Remotion | Framework de renderizado de video basado en React |
| React 19 | Composicion de video basada en componentes |
| TypeScript | Codigo con tipos seguros |
| Whisper.cpp | Transcripcion IA local (timestamps por palabra) |
| FFmpeg | Extraccion de audio, deteccion de silencio, procesamiento de video |
| @imgly/background-removal | Remocion de fondo con IA |
| Claude Code | Agente 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.
Licencia
Licencia MIT. Ver LICENSE para detalles. Nota: Remotion y otras dependencias tienen sus propias licencias.
Made with Claude Code by @soyenriquerocha
File tree
171Hainrixz/editor-pro-maxView on GitHub
.agents/
skills/
animated-component-libraries/
assets/
README.md
references/
customization_guide.md
magic_ui_components.md
react_bits_components.md
scripts/
component_importer.py
props_generator.py
SKILL.md
awwwards-animations/
README.md
references/
advanced-patterns.md
algorithmic-art.md
animejs-react.md
audio-reactive.md
design-philosophy.md
geometric-puzzles.md
geometric-shapes.md
gsap-react.md
lenis-react.md
motion-patterns.md
performance.md
physics-2d.md
text-effects.md
SKILL.md
explainer-video-guide/
SKILL.md
ffmpeg/
reference.md
SKILL.md
motion-designer/
rules/
_video-spec-template.md
audio-design.md
camera-movement.md
scene-composition.md
sound-effects.md
storytelling-flow.md
timing-pacing.md
transitions.md
visual-hierarchy.md
SKILL.md
playwright-mcp/
SKILL.md
remotion-best-practices/
rules/
3d.md
animations.md
assets/
assets.md
charts-bar-chart.tsx
text-animations-typewriter.tsx
text-animations-word-highlight.tsx
audio-visualization.md
audio.md
calculate-metadata.md
can-decode.md
charts.md
compositions.md
display-captions.md
extract-frames.md
ffmpeg.md
fonts.md
get-audio-duration.md
get-video-dimensions.md
get-video-duration.md
gifs.md
images.md
import-srt-captions.md
light-leaks.md
lottie.md
maps.md
measuring-dom-nodes.md
measuring-text.md
parameters.md
sequencing.md
sfx.md
subtitles.md
tailwind.md
text-animations.md
timing.md
transcribe-captions.md
transitions.md
transparent-videos.md
trimming.md
videos.md
voiceover.md
SKILL.md
remotion-render/
SKILL.md
.claude/
commands/
start.md
skills/
animated-component-libraries
awwwards-animations
explainer-video-guide
ffmpeg
motion-designer
playwright-mcp
remotion-best-practices
remotion-render
.gitignore
assets/
landing-full-es.png
landing-hero-en.png
landing-hero-es.png
odysser-logo.svg
CLAUDE.md
landing.html
LICENSE
package-lock.json
package.json
README.md
remotion.config.ts
scripts/
analyze-video.ts
batch-render.sh
detect-silence.ts
extract-audio.ts
remove-bg.ts
render.sh
transcribe.ts
skills/
skills-lock.json
animated-component-libraries
awwwards-animations
explainer-video-guide
ffmpeg
motion-designer
playwright-mcp
remotion-best-practices
remotion-render
src/
components/
backgrounds/
ColorWash.tsx
GradientBackground.tsx
GridPattern.tsx
ParticleField.tsx
layout/
PictureInPicture.tsx
SafeArea.tsx
SplitScreen.tsx
media/
AudioTrack.tsx
FitImage.tsx
FitVideo.tsx
ImageOverlay.tsx
JumpCut.tsx
Slideshow.tsx
VideoClip.tsx
overlays/
CallToAction.tsx
CountdownTimer.tsx
ProgressBar.tsx
Watermark.tsx
text/
AnimatedTitle.tsx
CaptionOverlay.tsx
LowerThird.tsx
TextStyles.ts
TypewriterText.tsx
WordByWordCaption.tsx
transitions/
TransitionPresets.ts
compositions/
BeforeAfterDemo.tsx
Showcase.tsx
hooks/
useAnimation.ts
useCaptions.ts
useColorScheme.ts
useSilenceSegments.ts
useTranscription.ts
useVideoMetadata.ts
index.ts
presets/
brand.ts
colors.ts
dimensions.ts
easings.ts
fonts.ts
Root.tsx
schemas/
common.schema.ts
editing.schema.ts
media.schema.ts
text.schema.ts
templates/
content/
Presentation.tsx
Testimonial.tsx
editing/
PodcastClip.tsx
TalkingHeadEdit.tsx
promo/
Announcement.tsx
BeforeAfter.tsx
social/
InstagramReel.tsx
TikTokVideo.tsx
YouTubeShort.tsx
utils/
editing.ts
math.ts
tsconfig.jsonMore Flows by @hainrixz.
@hainrixzVerifiedPlugin
Development
pagokit
Claude Code plugin that analyzes your project, asks 3 questions, and generates a complete payment integration (Stripe · Mercado Pago · Wompi · Lemon Squeezy + frontend + DB + signed webhook + customer portal + refund). Local-first, security-enforced via PostToolUse hooks. Bilingual ES/EN.
5 skills
@hainrixzVerifiedPlugin
Content
open-carrusel
AI-powered Instagram carousel builder. Chat with Claude to design slides; export as PNGs at exact Instagram dimensions. Type /start in Claude Code to bootstrap.
@hainrixzFAQ
editor-pro-max is a Claude Code plugin with hand-picked skills for content work, indexed on Flowy. Install it with the command on its page. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is editor-pro-max?
- AI-Powered Video Editor by @soyenriquerocha Built with Remotion + Claude Code | React 19 | TypeScript | Whisper AI
- How do I install editor-pro-max?
- Run these in Claude Code: . Then prompt normally.
- Does editor-pro-max auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is editor-pro-max free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.