responsive-image-pipeline

80 / 100 · Low risk

Fine to try.

By EthanY33/atelier (GitHub) · design · 10 stars · scanned at commit 848320d

Resize PNG/JPG/WebP images into AVIF and WebP srcset variants (EXIF-rotated, never upscaled), a fallback <img> file and a base64 LQIP placeholder, then print a copy-paste <picture> snippet with truthful srcset widths. Cached per source. Use for site images, hero art, gallery screenshots, srcset, page-weight or LCP work, or reprocessing after swapping an asset.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 4 places.

plugins/atelier/skills/responsive-image-pipeline/SKILL.md, line 11node "${CLAUDE_PLUGIN_ROOT}/bin/atelier" images src/hero.jpg --out public/img --alt "Harbor at dusk" --base-url /img/ --loading eager
plugins/atelier/skills/responsive-image-pipeline/SKILL.md, line 20node --input-type=module -e "const { pathToFileURL } = await import('node:url'); const m = await import(pathToFileURL(process.argv[1]).href); const result = awa
plugins/atelier/bin/atelier, line 12import { spawn } from 'node:child_process';

Show 1 more

plugins/atelier/lib/preflight.mjs, line 8import { spawn } from 'node:child_process';

Downloads and installs other software

The author does not mention this.

Found in 4 places.

plugins/atelier/lib/doctor.mjs, line 72checks.push({ name: 'chromium', status: 'warn', detail: err instanceof PreflightError ? err.message : firstLine(err), fix: err?.fix ?? `npx playwright${playwrig
plugins/atelier/lib/preflight.mjs, line 199return `npx playwright${v ? `@${v}` : ''}`;
plugins/atelier/lib/preflight.mjs, line 257if (platform === 'darwin') return 'brew install ffmpeg';

Show 1 more

plugins/atelier/lib/preflight.mjs, line 258return 'sudo apt install ffmpeg (or your distro\'s package manager)';

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'responsive-image-pipeline' ] || [ -L ~/.agents/skills/'responsive-image-pipeline' ]; then echo 'A skill folder named responsive-image-pipeline already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/EthanY33/atelier' "$d" && git -C "$d" checkout --quiet '848320d77ae1d2218a80d1b97be5804191651e82' -- 'plugins/atelier/skills/responsive-image-pipeline' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/atelier/skills/responsive-image-pipeline' ~/.agents/skills/'responsive-image-pipeline' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'responsive-image-pipeline' ~/.claude/skills/'responsive-image-pipeline' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for EthanY33/atelier shows the score of its lowest-scoring skill.

SkillTrust badge for EthanY33/atelier

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/EthanY33/atelier.svg)](https://zalavijaysinh.github.io/skilltrust/repos/EthanY33/atelier/)

Score history

Date	Version	Score
2026-11-14	`848320d`	80