astro-assets

原文涵盖的主题

• Astro Assets
• Agent Workflow (MANDATORY)
• Overview
• When to Use
• Key Modules
• Core Concepts
• Image Component
• Picture Component

Handles image and asset optimization in Astro 7 via the astro:assets module: and 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). Production-ready image optimization and asset management with astro:assets in Astro 7. 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. mcpcontext7query-docs - Check Astro 7 Fonts API and image component docs After implementation, run fuse-ai-pilot:sniper for validation. -- Displaying optimized images with automatic WebP/AVIF conversion Buildi

这里只展示节选，请以完整原文和当前要求为准。