transloadit-media-processing — GitHub Copilot skill
Process video, audio, images and documents through Transloadit. Use it to encode media, make thumbnails or extract text from scanned files.
npx skills add github/awesome-copilot --skill transloadit-media-processingWhat transloadit-media-processing does
This skill helps GitHub Copilot use Transloadit's cloud processing for tasks such as encoding video to HLS or MP4, extracting audio and resizing images. It can also add subtitles, concatenate clips and run OCR on documents.
Pipelines are defined as steps using Transloadit robots. The use field connects a step to an earlier result, so an image can be resized before it is optimized. The recommended Copilot setup uses the @transloadit/mcp-server MCP server; @transloadit/node provides a CLI alternative.
A free Transloadit account is required. The MCP server also needs an API key and secret in the IDE configuration. Install the skill if you want to ask your agent to handle media through Transloadit.
What it helps with
- Encode video for HLS or MP4
- Generate thumbnails from a video
- Resize an image and add a watermark
- Extract audio from video
- Recognize text in a PDF or scan
Example prompts for the agent
- Encode `./my-video.mp4` to HLS using Transloadit.
- Generate thumbnails from this video with Transloadit.
- Use Transloadit to extract text from this PDF.
How to install transloadit-media-processing
1Skills CLI (Vercel)
npx skills add github/awesome-copilot --skill transloadit-media-processing2GitHub CLI
gh skill install github/awesome-copilot transloadit-media-processing3Manually: put the files in place
.github/skills/transloadit-media-processing/SKILL.md1Skills CLI (Vercel)
npx skills add github/awesome-copilot --skill transloadit-media-processing -a claude-code2Manually: put the files in place
~/.claude/skills/transloadit-media-processing/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/transloadit-media-processing/
Manually: put the files in place
.agents/skills/transloadit-media-processing/SKILL.mdFor all projects use ~/.agents/skills/
Manually: put the files in place
.cursor/skills/transloadit-media-processing/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
Platform CLI
gemini skills install https://github.com/github/awesome-copilot --path skills/transloadit-media-processingManually: put the files in place
.devin/skills/transloadit-media-processing/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set554
The whole set →Similar
Questions about transloadit-media-processing
How do I install transloadit-media-processing in GitHub Copilot?
Run npx skills add github/awesome-copilot --skill transloadit-media-processing. Then configure the Transloadit MCP server in your IDE or use the CLI.
What does transloadit-media-processing do?
It helps an agent process media through Transloadit, including video encoding, image resizing and document OCR. Processing steps can be linked into pipelines.
What does the skill need to work with GitHub Copilot?
You need a free Transloadit account. For the recommended MCP server, configure @transloadit/mcp-server with TRANSLOADIT_KEY and TRANSLOADIT_SECRET.
Source text
SKILL.md · MIT
---
name: transloadit-media-processing
description: 'Process media files (video, audio, images, documents) using Transloadit. Use when asked to encode video to HLS/MP4, generate thumbnails, resize or watermark images, extract audio, concatenate clips, add subtitles, OCR documents, or run any media processing pipeline. Covers 86+ processing robots for file transformation at scale.'
license: MIT
compatibility: Requires a free Transloadit account (https://transloadit.com/signup). Uses the @transloadit/mcp-server MCP server or the @transloadit/node CLI.
---
# Transloadit Media Processing
Process, transform, and encode media files using Transloadit's cloud infrastructure.
Supports video, audio, images, and documents with 86+ specialized processing robots.
## When to Use This Skill
Use this skill when you need to:
- Encode video to HLS, MP4, WebM, or other formats
- Generate thumbnails or animated GIFs from video
- Resize, crop, watermark, or optimize images
- Convert between image formats (JPEG, PNG, WebP, AVIF, HEIF)
- Extract or transcode audio (MP3, AAC, FLAC, WAV)
- Concatenate video or audio clips
- Add subtitles or overlay text on video
- OCR documents (PDF, scanned images)
- Run speech-to-text or text-to-speech
- Apply AI-based content moderation or object detection
- Build multi-step media pipelines that chain operations together
## Setup
### Option A: MCP Server (recommended for Copilot)
Add the Transloadit MCP server to your IDE config. This gives the agent direct access
to Transloadit tools (`create_template`, `create_assembly`, `list_assembly_notifications`, etc.).
**VS Code / GitHub Copilot** (`.vscode/mcp.json` or user settings):
```json
{
"servers": {
"transloadit": {
"command": "npx",
"args": ["-y", "@transloadit/mcp-server", "stdio"],
"env": {
"TRANSLOADIT_KEY": "YOUR_AUTH_KEY",
"TRANSLOADIT_SECRET": "YOUR_AUTH_SECRET"
}
}
}
}
```
Get your API credentials at https://transloadit.com/c/-/api-credentials
### Option B: CLI
If you prefer running commands directly:
```bash
npx -y @transloadit/node assemblies create \
--steps '{"encoded": {"robot": "/video/encode", "use": ":original", "preset": "hls-1080p"}}' \
--wait \
--input ./my-video.mp4
```
## Core Workflows
### Encode Video to HLS (Adaptive Streaming)
```json
{
"steps": {
"encoded": {
"robot": "/video/encode",
"use": ":original",
"preset": "hls-1080p"
}
}
}
```
### Generate Thumbnails from Video
```json
{
"steps": {
"thumbnails": {
"robot": "/video/thumbs",
"use": ":original",
"count": 8,
"width": 320,
"height": 240
}
}
}
```
### Resize and Watermark Images
```json
{
"steps": {
"resized": {
"robot": "/image/resize",
"use": ":original",
"width": 1200,
"height": 800,
"resize_strategy": "fit"
},
"watermarked": {
"robot": "/image/resize",
"use": "resized",
"watermark_url": "https://example.com/logo.png",
"watermark_position": "bottom-right",
"watermark_size": "15%"
}
}
}
```
### OCR a Document
```json
{
"steps": {
"recognized": {
"robot": "/document/ocr",
"use": ":original",
"provider": "aws",
"format": "text"
}
}
}
```
### Concatenate Audio Clips
```json
{
"steps": {
"imported": {
"robot": "/http/import",
"url": ["https://example.com/clip1.mp3", "https://example.com/clip2.mp3"]
},
"concatenated": {
"robot": "/audio/concat",
"use": "imported",
"preset": "mp3"
}
}
}
```
## Multi-Step Pipelines
Steps can be chained using the `"use"` field. Each step references a previous step's output:
```json
{
"steps": {
"resized": {
"robot": "/image/resize",
"use": ":original",
"width": 1920
},
"optimized": {
"robot": "/image/optimize",
"use": "resized"
},
"exported": {
"robot": "/s3/store",
"use": "optimized",
"bucket": "my-bucket",
"path": "processed/${file.name}"
}
}
}
```
## Key Concepts
- **Assembly**: A single processing job. Created via `create_assembly` (MCP) or `assemblies create` (CLI).
- **Template**: A reusable set of steps stored on Transloadit. Created via `create_template` (MCP) or `templates create` (CLI).
- **Robot**: A processing unit (e.g., `/video/encode`, `/image/resize`). See full list at https://transloadit.com/docs/transcoding/
- **Steps**: JSON object defining the pipeline. Each key is a step name, each value configures a robot.
- **`:original`**: Refers to the uploaded input file.
## Tips
- Use `--wait` with the CLI to block until processing completes.
- Use `preset` values (e.g., `"hls-1080p"`, `"mp3"`, `"webp"`) for common format targets instead of specifying every parameter.
- Chain `"use": "step_name"` to build multi-step pipelines without intermediate downloads.
- For batch processing, use `/http/import` to pull files from URLs, S3, GCS, Azure, FTP, or Dropbox.
- Templates can include `${variables}` for dynamic values passed at assembly creation time.
© github · MIT · github/awesome-copilot