Optimisation d'images pour CMS Headless

Ce que fait cette compétence

Cette compétence fournit aux ingénieurs et aux mainteneurs de sites des modèles concrets et du code pour implémenter la diffusion d'images responsives, la conversion de formats (WebP/AVIF), le recadrage par point focal, les préréglages, la génération de srcset, les espaces réservés LQIP/blur et les points de terminaison de transformation basés sur l'URL. Elle inclut des exemples de code et des modèles de services adaptés à l'intégration avec des pipelines de CMS headless et de CDN.

Quand l'utiliser

À utiliser lors de la construction ou de l'audit de pipelines d'images : srcset/sizes responsives, direction artistique de l'élément picture, transformations CDN à la volée, stratégies de lazy-loading, espaces réservés flous et négociation de formats. Utile lors d'audits de performance, d'intégrations de CMS ou de l'implémentation de services de traitement d'images.

Ce qui est inclus

• Scripts : aucun script détecté dans le dossier de la compétence (has_scripts=false).
• Références : aucune déclarée, mais des exemples de code et des modèles étendus sont inclus dans le SKILL.md.
• Instructions : extraits de code (C#) pour les services de traitement d'images, les préréglages, la logique de point focal, la génération de srcset responsive et les points de terminaison d'API ; exemples de modèles HTML et meilleures pratiques pour la performance.

Agents compatibles

Idéal pour les assistants orientés développeurs et les agents capables de coder (Claude Code, assistants de type Copilot, modèles de langage utilisés lors de tâches d'ingénierie).