skills.rest
testomatio
testomatioOFFICIAL
Explore all skills by this author →
Website𝕏@testomatioGitHub

image-processing

Apply borders and shadows to screenshots, create GIFs from videos, and resize images.

63|10|Updated Jul 19, 2025
Search Tags:#documentation#screenshots#visuals#gif#ffmpeg#imagemagick#image-processing
One-click install
npx skills add https://github.com/testomatio/explorbot --skill image-processing-testomatio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-processing
Source: https://github.com/testomatio/explorbot/tree/main/.claude/skills/image-processing
Command: npx skills add https://github.com/testomatio/explorbot --skill image-processing-testomatio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Process images for documentation and media assets to improve clarity and presentation.

Core Features & Use Cases

  • Add borders and shadows to screenshots to enhance depth and readability.
  • Create GIFs from video clips to showcase interactions in docs or demos.
  • Resize and adjust image properties for consistent documentation assets.

Quick Start

Install ImageMagick and FFmpeg on your system. Then use the following commands to process input files: convert input.png -bordercolor '#e0e0e0' -border 1 ( +clone -background '#00000040' -shadow 80x8+4+4 ) +swap -background white -layers merge +repage output.png ffmpeg -ss 0:44 -to 0:54 -i input.mp4
-vf "fps=10,scale=800:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse"
-loop 0 output.gif Additional utilities:

  • Check image dimensions with identify -format "%wx%h\n" image.png
  • Resize images with convert input.png -resize 800x output.png

Frequently Asked Questions about image-processing

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

FAQPage Schema
How do I add borders and shadows to screenshots for documentation?▼

You can create GIFs from video clips using FFmpeg. The skill automates extracting video segments and applying optimized palette and scaling filters to produce high-quality looping GIFs suitable for documentation and demos.

What's the best way to standardize image dimensions across project documentation?▼

Standardizing image dimensions is handled through automated resizing commands. The skill utilizes ImageMagick to resize images to consistent widths while maintaining aspect ratios, ensuring visual uniformity across all project documentation.

Do I need to install FFmpeg and ImageMagick to automate image processing?▼

Yes, you need to install both FFmpeg and ImageMagick. The skill requires these dependencies to be installed and accessible in your system path to successfully execute image transformations and video processing commands.

Can I check image dimensions before resizing assets for documentation?▼

Yes, you can check image dimensions beforehand. The skill leverages ImageMagick's identify utility to extract width and height metrics from images, allowing you to verify current dimensions before applying any resizing transformations.

Related Skills

Explore More Design & Creative Skills→
Thanh-aperoThanh-apero
1

media-processing

Automate video and image processing with FFmpeg, ImageMagick, and RMBG CLI.

Community
Intermediate
SocketDevSocketDev
125

rendering-chromium-to-png

Render web pages, local HTML files, and MV3 extension popups to PNG screenshots.

Official
Intermediate
u9401066u9401066

git-doc-updater

Update project documentation before Git commits with semantic versioning.

Community
Intermediate
richardnguyen0715richardnguyen0715

pixel-art

Convert images to 8-bit pixel art using hardware palettes and animations.

Community
Advanced