web-ready-media

Convert and resize media files into a web-ready/ folder with descriptive names.

2|Updated Aug 16, 2025

Search Tags:#video conversion #image processing #audio conversion #media optimization #web assets #file renaming

Ready to run

npx skills add https://github.com/brigleb/claude --skill web-ready-media

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-ready-media
Source: https://github.com/brigleb/claude/tree/main/skills/web-ready-media
Command: npx skills add https://github.com/brigleb/claude --skill web-ready-media

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sips, ffmpeg, magick, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of converting raw media files (photos, videos, audio) into web-optimized assets, saving time and ensuring consistent formatting.

Core Features & Use Cases

Web Optimization: Converts and resizes images, videos, and audio files for efficient web delivery.
Smart Renaming: Preserves descriptive filenames and uses AI vision to rename generic/camera-generated filenames.
Batch Processing: Handles multiple files and directory structures, creating a dedicated web-ready/ output folder.
Use Case: Prepare a folder of vacation photos and videos for your travel blog by converting them to web-friendly formats, resizing them, and giving them descriptive names like "eiffel-tower-at-sunset.jpg".

Quick Start

Prepare all media files in the current directory for web use by running the web-ready-media skill.

Frequently Asked Questions about web-ready-media

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

FAQPage Schema

How do I batch convert and resize media files for web optimization?▼

Web media optimization converts raw photos, videos, and audio into web-friendly formats, resizing them for efficient delivery and outputting them into a dedicated 'web-ready/' subfolder. This ensures consistent formatting and faster loading times for web assets.

How do I automatically rename camera photos with descriptive filenames for a website?▼

AI vision analyzes generic camera-generated images to create descriptive, slugified filenames for web assets. It preserves existing descriptive filenames while intelligently renaming unhelpful default names to improve web content organization.

Does web media conversion require ffmpeg and sips installed?▼

Yes, web media conversion requires sips and ffmpeg installed to process images, videos, and audio. ImageMagick (magick) is optionally used for additional image processing tasks during the conversion workflow.

What is the best way to prepare a folder of videos and images for a web blog?▼

Batch processing a directory of mixed media converts, resizes, and renames photos and videos for web delivery. It creates a 'web-ready/' subfolder containing all optimized assets, ensuring consistent formatting and faster loading speeds.

Can I process audio files alongside images and videos for web delivery?▼

Yes, you can process audio files alongside images and videos for web delivery. The media optimization workflow supports audio conversion, visual media resizing, and smart renaming across all three media types in a single batch process.