Client-side image compression before upload using Squoosh with Canvas fallback and server-side Sharp validation. Use for web apps needing max width 1920px, max size 512KB, transparent UX, and consistent compression stats.
Quickly install image-compression AI skill to your development environment via command line
Source: peterbamuhigire/skills-web-dev.
Seamless image compression prior to upload with a hybrid approach:
Defaults: max width $1920$px, max size $512$ KB, quality $75$ (adjust down to hit size).
✅ Web apps that upload user images and must reduce bandwidth ✅ Need transparent UX (no user action) ✅ Want modern codecs but must support older browsers
Client-side image compression before upload using Squoosh with Canvas fallback and server-side Sharp validation. Use for web apps needing max width 1920px, max size 512KB, transparent UX, and consistent compression stats. Source: peterbamuhigire/skills-web-dev.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compressionClient-side image compression before upload using Squoosh with Canvas fallback and server-side Sharp validation. Use for web apps needing max width 1920px, max size 512KB, transparent UX, and consistent compression stats. Source: peterbamuhigire/skills-web-dev.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/peterbamuhigire/skills-web-dev