Shopify Speed Optimization
nexscope-ai/eCommerce-Skills
Store speed audit — lazy loading, image compression, app bloat removal, theme code optimization
Batch process images for marketing. An agent skill from guia-matthieu/clawfu-skills.
Install Image Batch
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install guia-matthieu/clawfu-skills image-batch --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/automation/image-batch .claude/skills/image-batch && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .claude/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batchType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install guia-matthieu/clawfu-skills image-batch --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/automation/image-batch .agents/skills/image-batch && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .agents/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install guia-matthieu/clawfu-skills image-batch --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/automation/image-batch .cursor/skills/image-batch && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .cursor/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/guia-matthieu/clawfu-skills.git --path skills/automation/image-batch--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install guia-matthieu/clawfu-skills image-batch --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/automation/image-batch .gemini/skills/image-batch && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .gemini/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install guia-matthieu/clawfu-skills image-batchInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/automation/image-batch .github/skills/image-batch && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .github/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add guia-matthieu/clawfu-skills --skill image-batch -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install guia-matthieu/clawfu-skills image-batch --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/guia-matthieu/clawfu-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/automation/image-batch .opencode/skills/image-batch && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "image-batch" agent skill from https://github.com/guia-matthieu/clawfu-skills/tree/main/skills/automation/image-batch into .opencode/skills/image-batch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image-batch", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
image-batch- GitHub stars
- 150
- Token cost
- ~1.3k tokens
- SKILL.md length
- 294 words
- Files
- 3 (incl. scripts)
- Skills in repo
- 28
- Repo updated
- First seen
- Licence
- MIT
At a glance
Batch process images for marketing. An agent skill from guia-matthieu/clawfu-skills.
- : resizing images for social media
- SKILL.md covers When to Use This Skill, What Claude Does vs What You…, Dependencies and Commands, plus 7 more sections
- Runs Python scripts from its folder; calls python and pip
- Compressing images for web
What it does
Image Batch is an agent skill from guia-matthieu/clawfu-skills. Batch process images for marketing. Use when: resizing images for social media; compressing images for web; removing backgrounds; adding watermarks; converting formats to WebP; optimizing for Core Web Vitals
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including scripts (for example `scripts/main.py`).
It sits in Frontend & Design, covering Image editing and Web performance. The repository describes itself as: 172 expert marketing skills for AI agents — ClawFu MCP Server. The licence is MIT.
When your agent uses it
- : resizing images for social media
- Compressing images for web
- Removing backgrounds
- Adding watermarks
Example prompts
- “/image-batch”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit 4108f5c. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 2 files in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
pythonpip
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Image Batch loads about 1.3k tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 294 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from guia-matthieu/clawfu-skills at commit 4108f5c, republished under its MIT licence (© guia-matthieu). 294 words, ~1,331 tokens.
Download SKILL.mdSave it as
.claude/skills/image-batch/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- image-batch
- description
- Batch process images for marketing. Use when: resizing images for social media; compressing images for web; removing backgrounds; adding watermarks; converting formats to WebP; optimizing for Core Web Vitals
- license
- MIT
- metadata.author
- ClawFu
- metadata.version
- 1.0.0
- metadata.mcp-server
- @clawfu/mcp-skills
Image Batch Processing
Automate repetitive image tasks using Pillow and rembg - resize, compress, remove backgrounds, and watermark hundreds of images in seconds.
When to Use This Skill
- Social media prep - Resize images for multiple platforms at once
- Website optimization - Compress and convert to WebP for faster loading
- Product photos - Remove backgrounds, add consistent styling
- Brand protection - Add watermarks to marketing assets
- Batch conversion - Convert legacy formats to modern ones
What Claude Does vs What You Decide
| Claude Does | You Decide |
|---|---|
| Structures video workflow | Final creative vision |
| Suggests shot compositions | Equipment selection |
| Creates storyboard templates | Brand aesthetics |
| Generates script frameworks | Final approval |
| Identifies technical requirements | Budget allocation |
Dependencies
pip install Pillow rembg click
# For GPU-accelerated background removal:
# pip install rembg[gpu]Commands
Resize Images
python scripts/main.py resize ./images/ --width 1200
python scripts/main.py resize ./images/ --format instagram # 1080x1080
python scripts/main.py resize ./images/ --format linkedin # 1200x627Compress Images
python scripts/main.py compress ./images/ --quality 80
python scripts/main.py compress ./images/ --max-size 500 # Max 500KBRemove Background
python scripts/main.py remove-bg photo.jpg
python scripts/main.py remove-bg ./products/ --output ./transparent/Add Watermark
python scripts/main.py watermark ./images/ --logo logo.png --position bottom-right
python scripts/main.py watermark ./images/ --text "© 2024 Company" --opacity 0.3Convert Format
python scripts/main.py convert ./images/ --format webp
python scripts/main.py convert ./images/ --format avif --quality 80Examples
Example 1: Prepare Product Images for E-commerce
# Remove backgrounds
python scripts/main.py remove-bg ./raw-products/ --output ./transparent/
# Resize to standard size
python scripts/main.py resize ./transparent/ --width 1000 --height 1000 --fit contain
# Compress for web
python scripts/main.py compress ./transparent/ --quality 85 --format webp
# Output: ./transparent/*.webp (optimized, transparent background)Example 2: Social Media Image Kit
# Create multiple sizes from one source
python scripts/main.py resize hero-image.jpg --format instagram --output hero_ig.jpg
python scripts/main.py resize hero-image.jpg --format linkedin --output hero_li.jpg
python scripts/main.py resize hero-image.jpg --format twitter --output hero_tw.jpg
python scripts/main.py resize hero-image.jpg --format facebook --output hero_fb.jpg
# Or batch process entire folder for one platform
python scripts/main.py resize ./campaign-images/ --format instagram --output ./instagram/Example 3: Website Image Optimization
# Convert all images to WebP
python scripts/main.py convert ./website-images/ --format webp --quality 80
# Ensure no image exceeds 200KB
python scripts/main.py compress ./website-images/ --max-size 200
# Results in 60-80% smaller file sizesSocial Media Format Presets
| Format | Dimensions | Aspect Ratio | Use Case |
|---|---|---|---|
instagram | 1080x1080 | 1:1 | Feed posts |
instagram-story | 1080x1920 | 9:16 | Stories/Reels |
linkedin | 1200x627 | 1.91:1 | Link previews |
linkedin-post | 1200x1200 | 1:1 | Feed posts |
twitter | 1200x675 | 16:9 | Cards |
facebook | 1200x630 | 1.91:1 | Link previews |
pinterest | 1000x1500 | 2:3 | Pins |
youtube | 1280x720 | 16:9 | Thumbnails |
Fit Modes
| Mode | Behavior |
|---|---|
cover | Fill area, crop excess (default) |
contain | Fit inside, add padding |
stretch | Distort to fit exactly |
crop | Smart crop focusing on subject |
Output Formats
| Format | Best For | Compression |
|---|---|---|
webp | Web images | 25-35% smaller than JPEG |
avif | Modern browsers | 50% smaller than JPEG |
jpg | Photos, gradients | Lossy, universal |
png | Transparency, graphics | Lossless |
Skill Boundaries
What This Skill Does Well
- Structuring video production workflows
- Creating storyboard frameworks
- Suggesting technical approaches
- Providing creative direction templates
What This Skill Cannot Do
- Replace professional videography
- Edit video files directly
- Make final creative judgments
- Guarantee audience engagement
Related Skills
- video-processing - Process video thumbnails
- lighthouse-audit - Check image impact on LCP
Skill Metadata
- Mode: cyborg
category: automation
subcategory: image-processing
dependencies: [Pillow, rembg]
difficulty: beginner
time_saved: 5+ hours/week© guia-matthieu, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files (scripts) in skills/automation/image-batch of guia-matthieu/clawfu-skills.
- SKILL.md
- scripts/main.py
- scripts/requirements.txt
Open the folder on GitHubat commit 4108f5c
Compare with similar skills
Image Batch next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Image Batch this skillguia-matthieu/clawfu-skills | 150 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Shopify Speed Optimizationnexscope-ai/eCommerce-Skills | 1.1k | — | ~473 | Automated safety check: Pass | MIT | |
| Web Quality Auditaddyosmani/web-quality-skills | 2.9k | — | ~2.6k | Automated safety check: Pass | MIT | |
| Web Quality Auditmidudev/100cosas.dev | 114 | 3 repos | ~1.7k | Automated safety check: Pass | MIT | |
| SEO Landingaleksandr-alhoff/seo-landing | 165 | — | ~3.4k | Automated safety check: Pass | MIT | |
| Frontend Guidelightly-ai/lightly-studio | 896 | — | ~2.9k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Web Quality Audit
addyosmani/web-quality-skills
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.
Web Quality Audit
midudev/100cosas.dev
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices.
SEO Landing
aleksandr-alhoff/seo-landing
Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external…
Frontend Guide
lightly-ai/lightly-studio
Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.
Mobile Device QA
textura-agency/next16-claude-starter
Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.
More from guia-matthieu/clawfu-skills
All 28 skills in this repoAb Test Stats
guia-matthieu/clawfu-skills
Calculate A/B test statistical significance. An agent skill from guia-matthieu/clawfu-skills.
Cohort Analysis
guia-matthieu/clawfu-skills
Analyze user retention by cohort. An agent skill from guia-matthieu/clawfu-skills.
Content Repurposer
guia-matthieu/clawfu-skills
Transform long-form content into multiple short-form pieces.
Deliverability Checker
guia-matthieu/clawfu-skills
Check email deliverability and DNS configuration. An agent skill from guia-matthieu/clawfu-skills.
Keyword Clusterer
guia-matthieu/clawfu-skills
Cluster keywords by semantic similarity and intent. An agent skill from guia-matthieu/clawfu-skills.
Lighthouse Audit
guia-matthieu/clawfu-skills
Run automated Lighthouse audits for Core Web Vitals and SEO.
Related
Categories
Questions about Image Batch
What does Image Batch do?
Batch process images for marketing. An agent skill from guia-matthieu/clawfu-skills. Image Batch is an agent skill from guia-matthieu/clawfu-skills. Batch process images for marketing.
When should I use Image Batch?
Image Batch fits situations like: : resizing images for social media; compressing images for web; removing backgrounds; adding watermarks.
How do I install Image Batch in Claude Code?
Run `npx skills add guia-matthieu/clawfu-skills --skill image-batch -a claude-code`. Or copy the skill folder (skills/automation/image-batch in guia-matthieu/clawfu-skills) into .claude/skills/image-batch in your project. Claude Code loads it when a task matches its description.
How do I install Image Batch in Codex?
Run `npx skills add guia-matthieu/clawfu-skills --skill image-batch -a codex`. Or copy the skill folder (skills/automation/image-batch in guia-matthieu/clawfu-skills) into .agents/skills/image-batch in your project. Codex loads it when a task matches its description.
Can I use Image Batch in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add guia-matthieu/clawfu-skills --skill image-batch -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/image-batch, .gemini/skills/image-batch, .github/skills/image-batch and .opencode/skills/image-batch in your project.
What does Image Batch need to run?
Going by SKILL.md and its folder, Image Batch needs Python for the scripts in its folder and the command-line tools its instructions call (python and pip). Our summary lists: Python 3.
Does Image Batch access the network?
SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Image Batch safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Image Batch use?
Image Batch is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Image Batch use?
About 1.3k tokens (SKILL.md is roughly 5.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Image Batch?
Skills that share tags, products or a category with Image Batch: Shopify Speed Optimization (nexscope-ai/eCommerce-Skills, 1.1k stars), Web Quality Audit (addyosmani/web-quality-skills, 2.9k stars), Web Quality Audit (midudev/100cosas.dev, 114 stars) and SEO Landing (aleksandr-alhoff/seo-landing, 165 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Image Batch?
guia-matthieu (a GitHub user) maintains it in guia-matthieu/clawfu-skills, which has 150 GitHub stars. The repository holds 28 skills in this directory. The repository was last updated on October 1, 2026.
Source: guia-matthieu/clawfu-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.