About
This skill guides Claude in implementing high-performance image handling within Astro and MDX files by mandating the use of the astro:assets module. It ensures that images are properly imported from the source directory rather than the public folder, enabling automatic resizing, modern format conversion (WebP/AVIF), and lazy loading. By enforcing standardized patterns and providing linting support, it prevents common pitfalls like unoptimized raw HTML tags, layout shifts, and broken production paths.
