skills.rest
brigleb
briglebCOMMUNITY
Explore all skills by this author →
Website𝕏@briglebGitHub

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
One-click install
npx skills add https://github.com/brigleb/claude --skill web-ready-media
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
mafvietnammafvietnam

ck:media-processing

Automate media encoding, conversion, thumbnails, and background removal with FFmpeg, ImageMagick, and RMBG.

Community
Intermediate
1Mangesh11Mangesh1
3

web-performance

Analyze frontend bundles and images to improve Core Web Vitals.

Community
Intermediate
Dante-danDante-dan

baoyu-compress-image

Compress and convert image files to WebP, PNG, or JPEG formats.

Community
Intermediate
rmjamesrmjames
1

image-processor

Resize and crop raster and SVG images with ImageMagick and SVGO.

Community
Advanced