GratuitSkills
Commits, branches et synchronisation avec la CLI but
- 361361 téléchargements
- 198198 mentions J'aime
- 103103 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Images responsives : srcset, formats modernes et CLS v1.0.0
Utilisez cette ressource pour intégrer des images responsives en WebP ou AVIF sans décalage de mise en page
Nouveau
- 319 téléchargements
- 193 mentions J'aime
- 102 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install responsive-images-srcset-webpSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent écrit les attributs srcset et sizes, la balise picture pour la direction artistique, le chargement différé et fetchpriority pour l'image principale, avec un ratio fixe. Vous obtenez des images plus légères et une page stable pendant le chargement.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Guide de la CLI Sentry
- 525525 téléchargements
- 117117 mentions J'aime
- 128128 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Bonnes pratiques Drizzle ORM avec PostgreSQL
- 407407 téléchargements
- 194194 mentions J'aime
- 151151 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Assistant de conception de SLO
- 537537 téléchargements
- 105105 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
User stories de sprint
- 451451 téléchargements
- 150150 mentions J'aime
- 132132 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Plan de sprint réaliste
- 423423 téléchargements
- 192192 mentions J'aime
- 102102 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Conseiller CTO de startup
- 580580 téléchargements
- 201201 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Création de pull requests GitHub avec contrôles qualité
- 427427 téléchargements
- 230230 mentions J'aime
- 196196 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : vue d'ensemble, tailles recommandées et erreurs fréquentes
- references/srcset-sizes.md : srcset et sizes
- references/picture-element.md : balise picture
- references/modern-formats.md : WebP et AVIF
Pour qui
- Votre page d'accueil charge une grande image lente
- Le contenu se décale quand les images arrivent
Pas pour qui
Étiquettes
- images
- srcset
- webp
- avif
- core web vitals
À propos
Vous dites
« Rends les photos produit de ma boutique responsives en WebP, avec un ratio fixe et un chargement différé. »
Skill publiée par oakoss sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de intégrer des images responsives en WebP ou AVIF sans décalage de mise en page
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1,3 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/aspect-ratio.md6,5 Ko
- references/lazy-loading.md5 Ko
- references/modern-formats.md5,1 Ko
- references/picture-element.md5,3 Ko
- references/srcset-sizes.md4,6 Ko
- SKILL.md5,7 Ko
Origine et licence
Référencée sans modification
- Auteur
- oakoss
- Source
- github.com/oakoss/agent-skills/tree/85e3a3919d9e0ec7f7302a5143ec4b3e66f5f6ad/skills/responsive-images
- Licence
- MIT
Notice
« responsive-images » (oakoss, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…