jezweb avatar

Responsive Images

You know how responsive images should be straightforward but always end up being a mess of srcset attributes and picture elements? This handles the boilerplate for you. It's production ready from jezweb, who maintains a solid collection of Claude skills with 819 stars. The skill generates proper responsive image markup following Web Performance Best Practices and Core Web Vitals standards. Works well if you're building sites where image performance actually matters and you'd rather not memorize the syntax every time. The 364 installs and clean security audits suggest it does what it says without complications.

skills.sh installs
358
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add jezweb/claude-skills --skill responsive-images --agent claude-code

Installs into .claude/skills of the current project.

Files

You know how responsive images should be straightforward but always end up being a mess of srcset attributes and picture elements? This handles the boilerplate for you. It's production ready from jezweb, who maintains a solid collection of Claude skills with 819 stars. The skill generates proper responsive image markup following Web Performance Best Practices and Core Web Vitals standards. Works well if you're building sites where image performance actually matters and you'd rather not memorize the syntax every time. The 364 installs and clean security audits suggest it does what it says without complications.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/jezweb/claude-skills
Category
Frontend Development
First seen
Jun 3, 2026

More from jezweb/claude-skills

All 166
1secondsky avatarbun-nextjssecondsky/claude-skillsThis skill should be used when the user asks about "Next.js with Bun", "Bun and Next", "running Next.js on Bun", "Next.js development with Bun", "create-next-ap358skills.sh installs
2gentleman-programming avatarangular-performancegentleman-programming/gentleman-skillsAngular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.353skills.sh installs
3sergiodxa avatarfrontend-js-best-practicessergiodxa/agent-skillsJavaScript performance optimization guidelines. Use when writing, reviewing, or refactoring JavaScript/TypeScript code to ensure optimal performance patterns. T336skills.sh installs
4wsimmonds avatarnextjs-advanced-routingwsimmonds/claude-nextjs-skillsGuide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and336skills.sh installs
5secondsky avatarbun-nuxtsecondsky/claude-skillsUse when running Nuxt 3 with Bun runtime, building Vue/Nuxt apps with Bun, or configuring Nuxt projects to use Bun for development and production.323skills.sh installs
6patricio0312rev avatartailwind-gradient-builderpatricio0312rev/skillsCreates modern CSS gradients using Tailwind CSS including linear, radial, conic, mesh gradients, animated gradients, glassmorphism, and gradient text effects. U318skills.sh installs