skills.rest
tonykipkemboi
tonykipkemboiCOMMUNITY
Explore all skills by this author →
Website𝕏@tonykipkemboiGitHub

Insights Video

Generate a 30-second animated MP4 video summarizing Claude Code usage insights from HTML and JSON files.

Updated Feb 13, 2026
Search Tags:#data visualization#insights#animation#video generation#remotion#coding stats
One-click install
npx skills add https://github.com/tonykipkemboi/cc-plugins --skill insights-video
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Insights Video
Source: https://github.com/tonykipkemboi/cc-plugins/tree/main/skills/insights-video
Command: npx skills add https://github.com/tonykipkemboi/cc-plugins --skill insights-video

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and scripts (resource) components.

What problem does it solve?

This Skill transforms your raw Claude Code usage data into a dynamic, shareable animated video, making it easy to understand and showcase your productivity.

Core Features & Use Cases

  • Automated Video Generation: Creates a polished 30-second video from your /insights data.
  • Personalized Content: Includes Claude branding, animated stats, project areas, friction analysis, and interaction style.
  • Use Case: After running /insights, you want to share your coding habits with your team. Use this Skill to generate a visually engaging video summary.

Quick Start

Use the insights-video skill to generate a video of your Claude Code usage insights.

Frequently Asked Questions about Insights Video

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

FAQPage Schema
How do I generate an animated video from my Claude Code usage data?▼

You can generate an animated video from Claude Code usage data by using a skill that parses local HTML and JSON files. It scaffolds a Remotion project to render a 30-second MP4 video summarizing your coding sessions, messages, and hours.

What coding metrics are included in a data visualization video of Claude Code insights?▼

A data visualization video of Claude Code insights includes metrics like total sessions, messages, hours, project areas, working points, and friction categories. It visualizes these stats dynamically with Claude branding and background music.

Can I use Remotion to create an animated summary of my coding stats?▼

Yes, you can use Remotion to create an animated coding stats summary. This skill scaffolds a Remotion project, parses your local usage data, and renders an MP4 video with animated statistics and Claude branding.

How do I turn local JSON and HTML files into an MP4 video animation?▼

To turn local JSON and HTML files into an MP4 video animation, this skill parses the data and scaffolds a Remotion project to render a 30-second visual summary of your usage metrics, including project areas and friction analysis.

Do I need to manually set up the Remotion project before generating the video?▼

No, you do not need to manually set up the Remotion project. The skill automatically scaffolds the Remotion project structure, parses your local insights data, and renders the final MP4 video with background music.

What is the best way to share my coding insights with my team?▼

The best way to share coding insights with your team is generating a visually engaging 30-second video summary. This approach transforms raw usage data into a dynamic MP4 with animated stats and Claude branding for easy presentation.

Related Skills

Explore More Software Engineering Skills→
Hex-4Hex-4

session-report

Analyze Claude Code session transcripts to generate HTML usage reports.

Community
Advanced
devMoezdevMoez
1

hyperframes

Render HTML+GSAP compositions to MP4/WebM video with FFmpeg.

Community
Advanced
coinvest518coinvest518

remotion

Automate video creation and rendering from React components with Remotion.

Community
Intermediate
barefootfordbarefootford
584

roughcut

Create rough cut YAML files and export Final Cut Pro XML from transcripts.

Community
Intermediate