SKILL

astro-assets

Use when optimizing images or other assets in Astro — <Image />, <Picture />, getImage(), Fonts API, or OG image generation.

Target: Design & content creation. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • 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

This is an excerpt. Refer to the complete source and its current requirements.

Source repository
Fusengine/claude-plugins
Source file
plugins/astro-expert/skills/astro-assets/SKILL.md
Fixed revision
b9f82810cf3b5e3c4350332ac3ef618d60163cc0
Read the complete original documentation ↗

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: Fusengine/claude-plugins · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T11:01:44.899Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.