II.
LibrarySkill overview
Reference · livelib-skill:ux-ui-design--responsive-image
responsive-image overview
Generate responsive image sets with srcset, WebP/AVIF conversion, and art direction
Attributes
displayName
responsive-image
description
Generate responsive image sets with srcset, WebP/AVIF conversion, and art direction
libraryPath
library/specializations/ux-ui-design/skills/responsive-image/SKILL.md
specialization
ux-ui-design
contentSummary
# Responsive Image Skill
## Purpose
Generate responsive image sets for optimal performance across devices, including srcset variants, modern format conversion, and art direction.
## Capabilities
- Generate srcset image variants at multiple resolutions
- Convert to WebP and AVIF formats
Outgoing edges
lib_applies_to_domain1
- domain:web-development·DomainWeb Development
lib_belongs_to_specialization1
- specialization:ux-ui-design·Specialization
lib_covers_topic1
- topic:responsive-design·TopicResponsive Design
lib_implements_workflow2
- workflow:user-feedback-loop·WorkflowUser Feedback Loop
- workflow:product-discovery·WorkflowProduct Discovery
lib_involves_role1
- role:frontend-engineer·RoleFrontend Engineer
lib_requires_skill_area2
- skill-area:web-performance·SkillAreaWeb Performance Engineering
- skill-area:ui-styling·SkillAreaUI Styling
Incoming edges
None.