astro-assets

<objective> Handles image and asset optimization in Astro 7 via the `astro:assets` module: `<Image />` and `<Picture />` components (automatic WebP/AVIF conversion, responsive `srcset`/`sizes`, required `alt`), `getImage()` for server-side generation (API routes, CSS backgrounds), remote image handling with `inferSize`, and `@astrojs/sharp` as the default processing service. Also covers the built-in Fonts API (stable since Astro 6.0) for zero-layout-shift font loading, dynamic OG image generation with Satori at build time, and CDN integration (Cloudinary, Imgix). Does not cover general SEO meta tags (astro-seo) or deployment-specific image CDN config beyond the adapter itself (astro-deployment). </objective> # Astro Assets Production-ready image optimization and asset management with `astro:assets` in Astro 7. ## Agent Workflow (MANDATORY) Before ANY implementation, spawn 3 agents in parallel, one `Agent` call each with a `name`: 1. **fuse-ai-pilot:explore-codebase** - Analyze existing image usage and asset patterns 2. **fuse-ai-pilot:research-expert** - Verify astro:assets API via Context7/Exa 3. **mcp__context7__query-docs** - Check Astro 6 Fonts API and image component docs After implementation, run **fuse-ai-pilot:sniper** for validation. --- ## Overview ### When to Use - Displaying optimized images with automatic WebP/AVIF conversion - Building responsive images with multiple breakpoints - Loading remote images from external CDNs - Configuring custom fonts wit...