Responsive Images
This skill generates responsive image URLs based on screen size, ensuring optimal image display across devices and improving website performance.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add responsive-images npx -- -y @trustedskills/responsive-images
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"responsive-images": {
"command": "npx",
"args": [
"-y",
"@trustedskills/responsive-images"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The responsive-images skill enables AI agents to generate and optimize images that adapt dynamically to different screen sizes and resolutions. This ensures visual elements look sharp and perform well across devices, from mobile phones to desktop monitors.
When to use it
- Creating website content that needs to display consistently on various devices
- Preparing marketing materials for social media platforms with differing image requirements
- Developing responsive web designs where images must scale without losing quality
Key capabilities
- Automatic resizing of images based on device screen size
- Optimization of image formats for faster loading times
- Preservation of image quality across different resolutions
Example prompts
- "Generate a responsive banner image for a mobile and desktop layout."
- "Optimize this photo for use on both Instagram and a website hero section."
- "Create a set of images that adjust to different screen widths while maintaining clarity."
Tips & gotchas
- Ensure the source image has sufficient resolution to maintain quality when scaled down.
- Be mindful of file size limits, especially when generating multiple versions for different devices.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.