editor-pro-max

作者 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.

214
Stars
101
Forks
TypeScript
语言
2026/8/23
添加时间

⚠️ 第三方软件声明

本 Skill 为第三方开源软件,独立托管于 GitHub。SkillTip 仅为信息目录,不控制或维护底层仓库。所显示的安全检查为自动化且范围有限,安装前请自行审查源码。

阅读服务条款

安装

添加到你的 Claude Code skills 目录:

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

快速入门

使用 editor-pro-max 等 Skills 的指南。

安全报告

已验证

上次扫描:—

{
  "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

常见问题

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.

评论 (0)

暂无评论,成为第一个分享想法的人!

claudian

by YishenTu

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

14,921972TypeScript
IDE 扩展
查看详情

OpenMythos

by kyegomez

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

14,8003,292Python
IDE 扩展
查看详情

cursor-hooks

by cursor

5

通过 Hooks 自动化 Cursor Agent 事件相关行为。

12,500890TypeScript
IDE 扩展claude-codeai-tools
查看详情

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 扩展
查看详情

开发者还喜欢

基于喜欢此 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 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

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 服务器apisai-tools
查看详情

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 智能体ai-agentsanthropicclaude-code
查看详情

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 智能体claude-codeai-tools
查看详情