This skill provides a comprehensive guide to developing video applications using Mux. It is ideal for developers creating video-on-demand platforms or integrating video capabilities into existing applications.
$ npx skills add https://github.com/muxinc/skills --skill mux-videoThe Mux skill equips AI coding assistants with deep knowledge of Mux's video infrastructure platform. It includes 40+ reference documents covering core concepts like authentication, the Mux Player, video uploads, live streaming, analytics with Mux Data, and security features like signed URLs and DRM. The skill also provides 20 practical implementation examples for tasks such as end-to-end uploads with webhooks, live streaming setup, signed URL playback, and AI video workflows including auto-chapters and moderation. Developers can ask their assistant questions about uploading videos, configuring live streams with low latency, integrating Mux Player into React or Next.js apps, and handling webhook notifications—making it ideal for teams building video-on-demand platforms or adding video capabilities to existing applications.
Install via the command: `$ npx skills add https://github.com/muxinc/skills --skill mux-video`
Create a video-on-demand platform
Implement live streaming features
Integrate video into web and mobile applications
Use analytics to monitor video performance
$ npx skills add https://github.com/muxinc/skills --skill mux-videogit clone https://github.com/muxinc/skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Generate a step-by-step guide for integrating Mux Video into a [COMPANY]'s [INDUSTRY] application. Include best practices for uploading, transcoding, and delivering video content. Use the following [DATA]: [VIDEO_FILES], [API_KEYS], and [PLAYER_CONFIG].
# Mux Video Integration Guide for Acme Corp's E-Learning Platform
## Overview
This guide outlines the process of integrating Mux Video into Acme Corp's e-learning platform to enable seamless video uploads, transcoding, and playback for course content.
## Prerequisites
- Mux account with Video API access
- API keys: `mux_12345` (upload) and `mux_67890` (playback)
- Video files: `intro.mp4`, `lecture1.mp4`
- Player configuration: `responsive` layout with 16:9 aspect ratio
## Step 1: Set Up Mux Environment
```bash
# Install Mux CLI
npm install -g @mux/mux-cli
# Authenticate with Mux API
mux configure --token-id mux_12345 --token-secret mux_67890
```
## Step 2: Upload and Transcode Videos
```bash
# Upload intro.mp4
mux video upload intro.mp4 --output-url https://stream.mux.com/[VIDEO_ID].m3u8
# Upload lecture1.mp4 with HLS transcoding
mux video upload lecture1.mp4 --preset hls-1080p --output-url https://stream.mux.com/[VIDEO_ID].m3u8
```
## Step 3: Integrate Mux Player
```html
<!-- Add to your course page -->
<div id="mux-player"></div>
<script src="https://cdn.mux.com/player.js"></script>
<script>
const player = new MuxPlayer('mux-player', {
src: 'https://stream.mux.com/[VIDEO_ID].m3u8',
poster: 'https://image.mux.com/[VIDEO_ID]/thumbnail.jpg',
playbackId: '[PLAYBACK_ID]',
autoPlay: false,
muted: true
});
</script>
```
## Step 4: Optimize Delivery
- Enable adaptive bitrate streaming for better performance
- Implement signed URLs for secure video access
- Set up webhooks for upload completion notifications
## Step 5: Monitor Performance
- Track video engagement metrics in Mux Analytics
- Monitor playback errors and quality issues
- Optimize transcoding settings based on viewer data
## Troubleshooting
- **Error 404**: Verify playback ID and URL structure
- **Buffering issues**: Check network connectivity and CDN settings
- **Transcoding failures**: Review file format compatibilityTake a free 3-minute scan and get personalized AI skill recommendations.
Take free scan