·hyva-render-media-image
</>

hyva-render-media-image

hyva-themes/hyva-ai-tools

Générez un code d'image réactif pour les modèles de thème Hyvä à l'aide du modèle de vue Media. Cette compétence doit être utilisée lorsque l'utilisateur souhaite restituer des images dans un modèle Hyvä, créer des éléments d'image réactifs, ajouter des images de héros, des images de produits ou toute image nécessitant des points d'arrêt réactifs. Les expressions de déclenchement incluent « rendu de l'image », « ajouter une image au modèle », « image réactive », « élément d'image », « image de héros », « bannière réactive », « image pour mobile et ordinateur de bureau » ou « image de bannière ».

10Installations·2Tendance·@hyva-themes

Installation

$npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-render-media-image

SKILL.md

Generate responsive elements for Hyvä Theme templates using the \Hyva\Theme\ViewModel\Media view model.

The user may provide image data in one of these ways:

Option B: PHP variable - The user provides a variable name (e.g., $imageData, $heroImage). Inform the user of the required array structure documented in references/rendering-images.md under ## Image Configuration Format.

Générez un code d'image réactif pour les modèles de thème Hyvä à l'aide du modèle de vue Media. Cette compétence doit être utilisée lorsque l'utilisateur souhaite restituer des images dans un modèle Hyvä, créer des éléments d'image réactifs, ajouter des images de héros, des images de produits ou toute image nécessitant des points d'arrêt réactifs. Les expressions de déclenchement incluent « rendu de l'image », « ajouter une image au modèle », « image réactive », « élément d'image », « image de héros », « bannière réactive », « image pour mobile et ordinateur de bureau » ou « image de bannière ». Source : hyva-themes/hyva-ai-tools.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-render-media-image
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que hyva-render-media-image ?

Générez un code d'image réactif pour les modèles de thème Hyvä à l'aide du modèle de vue Media. Cette compétence doit être utilisée lorsque l'utilisateur souhaite restituer des images dans un modèle Hyvä, créer des éléments d'image réactifs, ajouter des images de héros, des images de produits ou toute image nécessitant des points d'arrêt réactifs. Les expressions de déclenchement incluent « rendu de l'image », « ajouter une image au modèle », « image réactive », « élément d'image », « image de héros », « bannière réactive », « image pour mobile et ordinateur de bureau » ou « image de bannière ». Source : hyva-themes/hyva-ai-tools.

Comment installer hyva-render-media-image ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-render-media-image Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/hyva-themes/hyva-ai-tools