video-chapter-nav

Overlay a chapter navigation bar on video content using JSON or inline time-title strings.

27|9|Updated Jan 25, 2026

Search Tags:#video #ffmpeg #video editing #ffprobe #navigation bar #chapter navigation

Ready to run

npx skills add https://github.com/Leoyishou/personal-ai-company --skill video-chapter-nav

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: video-chapter-nav
Source: https://github.com/Leoyishou/personal-ai-company/tree/main/claude-global/skills/_archived_video-chapter-nav
Command: npx skills add https://github.com/Leoyishou/personal-ai-company --skill video-chapter-nav

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, and includes scripts (resource) components.

What problem does it solve?

视频章节导航条工具为视频顶部提供可视化的章节导航，实时显示当前播放位置并将当前章节高亮，提升观众的定位感和回看效率。

Core Features & Use Cases

自动为每个章节生成导航条图片并叠加到视频顶部，当前章节以蓝色高亮。
支持通过 JSON 配置章节（如 chapters.json）或直接传入时间-标题列表进行分段。
可以与视频编辑、教程、产品演示等场景配合使用，实现快速美化和可导航的视频输出。

Quick Start

运行 add_chapter_nav.py 脚本，提供输入视频和章节配置文件，即可生成带章节导航条的输出视频。

Frequently Asked Questions about video-chapter-nav

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a chapter navigation bar to a video?▼

To add a chapter navigation bar to a video, run the add_chapter_nav.py script with your input video and a chapter configuration file. The tool generates navigation bar images and overlays them onto the video, highlighting the current chapter in blue.

Do I need FFmpeg and FFprobe to generate a video chapter navigation bar?▼

Yes, generating a video chapter navigation bar requires FFmpeg and FFprobe for video processing, along with Python 3+ and the Pillow dependency. These tools handle video analysis and image overlaying to create the final navigable output.

Can I highlight the current playback position in a video chapter navigation bar?▼

Yes, the video chapter navigation bar highlights the current playback position by automatically generating navigation bar images for each chapter and overlaying them on the video, with the active chapter displayed in blue.

What happens if chapter definitions are missing or invalid during video navigation bar generation?▼

If chapter definitions are missing or invalid during video navigation bar generation, the script includes error handling to catch these issues. This prevents broken output and ensures your video chapters are properly defined before processing begins.