baoyu-compress-image – Design & UI skill for AI agents
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or reduce image file size.
Install the baoyu-compress-image skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-compress-image-25422.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /baoyu-compress-image – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-compress-image-25422.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $baoyu-compress-image – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-compress-image-25422.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /baoyu-compress-image – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-compress-image-25422.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /baoyu-compress-image – then describe the task you want done.
SKILL.md content
Image Compressor
Compresses images using best available tool (sips → cwebp → ImageMagick → Sharp).
Script Directory
Scripts in scripts/ subdirectory. {baseDir} = this SKILL.md's directory path. Resolve ${BUN_X} runtime: if bun installed → bun; if npx available → npx -y bun; else suggest installing bun. Replace {baseDir} and ${BUN_X} with actual values.
| Script | Purpose |
|--------|---------|
| scripts/main.ts | Image compression CLI |
Preferences (EXTEND.md)
Check EXTEND.md in priority order — the first one found wins:
| Priority | Path | Scope |
|----------|------|-------|
| 1 | .baoyu-skills/baoyu-compress-image/EXTEND.md | Project |
| 2 | ${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-compress-image/EXTEND.md | XDG |
| 3 | $HOME/.baoyu-skills/baoyu-compress-image/EXTEND.md | User home |
If none found, use defaults.
EXTEND.md supports: Default format, default quality, keep-original preference.
Usage
${BUN_X} {baseDir}/scripts/main.ts <input> [options]Options
| Option | Short | Description | Default |
|--------|-------|-------------|---------|
| <input> | | File or directory | Required |
| --output | -o | Output path | Same path, new ext |
| --format | -f | webp, png, jpeg | webp |
| --quality | -q | Quality 0-100 | 80 |
| --keep | -k | Keep original | false |
| --recursive | -r | Process subdirs | false |
| --json | | JSON output | false |
Examples
# Single file → WebP (replaces original)
${BUN_X} {baseDir}/scripts/main.ts image.png
# Keep PNG format
${BUN_X} {baseDir}/scripts/main.ts image.png -f png --keep
# Directory recursive
${BUN_X} {baseDir}/scripts/main.ts ./images/ -r -q 75
# JSON output
${BUN_X} {baseDir}/scripts/main.ts image.png --jsonOutput:
image.png → image.webp (245KB → 89KB, 64% reduction)Extension Support
Custom configurations via EXTEND.md. See Preferences section for paths and supported options.
Related skills
- ai-presenter-video – Make a verified AI presenter video from script + image.
- canvas-design – Create beautiful visual art in .png and .pdf documents using design philosophy. You…
- baoyu-cover-image – Generates article cover images with 5 dimensions (type, palette, rendering, text, mood)…
- advanced-evaluation – Design LLM-as-judge rubrics, direct scores and pairwise comparisons. Use for judge…
- baoyu-danger-gemini-web – Generates images and text via reverse-engineered Gemini Web API. Supports text…
- frontend-design – Guidance for distinctive, intentional visual design when building new UI or reshaping an…
- baoyu-diagram – Create professional, dark-themed SVG diagrams of any type — architecture diagrams…
- img2threejs – Turn an object or character reference image into a quality-gated, animation-ready…