Image Processing

by jezweb

Image Processing is a Frontend skill for Claude Code, published by jezweb in claude-skills.

974 stars102 forkson jezweb/claude-skillsAdded 2026/08/21Repository updated 2026/07/02

View source on GitHub Download repo ZIP

aianthropicautomationclaude-codeclaude-skillscloudflaredevtoolsproductivityreactskillstailwindvite

Install in seconds

Install Image Processing

Copy Image Processing into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/jezweb/claude-skills/tree/main/plugins/design-assets/skills/image-processing ~/.claude/skills/image-processing

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/jezweb/claude-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/design-assets/skills/image-processing/SKILL.md in jezweb/claude-skills
Installs to: ~/.claude/skills/image-processing
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Image Processing does

Image Processing resizes, crops, trims whitespace, converts formats, and optimises images for web development. Use it for thumbnails, OG cards, logo cleanup, or when an image is too large.

Image Processing is cataloged under Frontend on DirSkills. Image Processing comes from a repository tagged ai, anthropic, automation, claude-code and claude-skills.

Documentation

README

Excerpt

Image Processing

Use img-process (shipped in bin/) for common operations. For complex or custom workflows, generate a Pillow script adapted to the user's environment.

Quick Reference — img-process CLI

img-process resize hero.png --width 1920
img-process convert logo.png --format webp
img-process trim logo-raw.jpg -o logo-clean.png --padding 10
img-process thumbnail photo.jpg --size 200
img-process optimise hero.jpg --quality 85 --max-width 1920
img-process og-card -o og.png --title "My App" --subtitle "Built for speed"
img-process batch ./images --action convert --format webp -o ./optimised

Use img-process when: the operation is standard (resize, convert, trim, thumbnail, optimise, OG card, batch). This is faster and avoids generating a script each time.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Image Processing

What else does jezweb publish alongside Image Processing?
Image Processing is one of 25 skills that DirSkills catalogs from jezweb/claude-skills, the repository it ships in. Its siblings there include AI Image Generator, App Documentation Generator and Cloudflare API. Each one is a separate skill with its own page in this directory, installs the same way Image Processing does, and is maintained by jezweb in that same repository. The rest of the collection is listed on the jezweb/claude-skills page.
How does Image Processing compare to other Frontend skills?
Image Processing ranks #339 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Image Processing against them. Open each page to compare what they document and how they install.