Communitygithub.com

derek-zhuolin/interflow-video-cut

Automatically transform a local talking-head video into a card-style finished video: extract audio → transcribe with ElevenLabs → AI writes HTML cards per segment → render MP4. 10 visual styles × 4 layouts, transcription uses ElevenLabs only, never local models.

What is interflow-video-cut?

This AI agent skill, `derek-zhuolin/interflow-video-cut`, automates the entire workflow of converting a local talking-head (or general spoken) video into a visually rich, card-based output video. The pipeline extracts the audio track, transcribes it exclusively via ElevenLabs (ensuring high quality without relying on local models), then uses an AI agent to generate individual HTML cards that match the spoken content, and finally renders those cards into an MP4 video. It supports 10 different visual styles and 4 layout options, giving users creative flexibility. Designed for developer tools like Claude Code, Cursor, or Codex, this skill saves hours of manual editing by batching transcription, content structuring, and video rendering into a single agent command. It is ideal for content creators, marketers, and developers who want to quickly produce polished card-based presentations from raw video footage without needing video editing expertise or local GPU resources.

Works with~Claude Code~Codex CLI~Cursor
npx skills add derek-zhuolin/interflow-video-cut

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does interflow-video-cut do?

Automatically transform a local talking-head video into a card-style finished video: extract audio → transcribe with ElevenLabs → AI writes HTML cards per segment → render MP4. 10 visual styles × 4 layouts, transcription uses ElevenLabs only, never local models.

How It Works

  1. Extract audio from the input video file.
  2. Transcribe the audio using ElevenLabs' API (no local models involved).
  3. Segment the transcription by logical breaks or sentences.
  4. Generate HTML cards for each segment, styled based on the chosen visual style and layout.
  5. Render all cards into an MP4 video with transitions.

Features

  • 10 Visual Styles: Choose from a variety of aesthetic themes (e.g., modern, minimalist, bold, vibrant).
  • 4 Layouts: Options for card arrangement (e.g., single column, grid, side-by-side).
  • ElevenLabs-Only Transcription: No local models required, ensuring consistent quality and speed.
  • AI-Driven Design: The agent writes custom HTML for each card based on the spoken content.

Supported Platforms

  • Claude Code
  • Cursor
  • Codex
  • Other AI agents supporting skill/plugin architectures

Requirements

  • ElevenLabs API key (set as environment variable ELEVENLABS_API_KEY)
  • Input video file (MP4, MOV, or other common format)
  • Node.js 18+ or Python 3.9+ (depending on runtime)

Usage

interflow-video-cut --input my_video.mp4 --output result.mp4 --style modern --layout single-column

Example

{
  "input": "speech.mp4",
  "output": "cards_final.mp4",
  "style": "vibrant",
  "layout": "grid"
}

Limitations

  • Requires active internet connection for ElevenLabs API calls.
  • Transcription accuracy depends on audio clarity and ElevenLabs service.
  • Large videos may take longer to process due to transcription and rendering steps.

Credits

Created by derek-zhuolin. Contributions and feedback welcome.

Related Skills