Créer vos widgets Genially avec Claude : décrivez votre idée, l'IA écrit le code

Vous avez une idée précise d'activité interactive pour votre Genially, mais les composants tout faits n'y correspondent pas et vous ne savez pas coder. Avec Claude, il suffit de décrire le widget voulu en langage courant : l'IA écrit le code, vous testez, vous demandez des ajustements. Le métaprompt fourni cadre ce dialogue dès la première demande, en vous posant les questions qui comptent et en intégrant les contraintes techniques de Genially. Vous repartez avec un widget qui fonctionne, inséré en élément enrichi ou généré par l'AI Builder.

Widgets Genially avec Claude : ce que vous saurez faire

Le cours suit la création complète d'un simulateur de budget, de l'idée au widget testé dans une présentation.

• Choisir entre composant IA, widget AI Builder et élément enrichi
• Formuler une demande qui aboutit sans multiplier les corrections
• Installer un métaprompt dans un projet Claude réutilisable
• Obtenir un code HTML autonome qui s'insère sans erreur dans Genially
• Préparer un prompt et un PDF source pour l'AI Builder
• Changer couleurs et polices d'un widget par rechercher-remplacer
• Signaler un bug à l'IA et récupérer une version corrigée

Élément enrichi ou AI Builder : deux destinations, deux usages

Le même métaprompt prépare les deux. L'élément enrichi se retouche dans Claude sans consommer de crédits IA côté Genially et se traduit intégralement, mais chaque changement impose de recoller le code dans l'éditeur. Le widget AI Builder se règle directement dans le panneau de configuration de Genially et accepte votre kit de marque ; en revanche, chaque nouvelle version coûte 30 crédits IA et seuls les textes configurables se traduisent. Le comparatif final vous aide à trancher selon les modifications que vous anticipez. Pour exploiter le constructeur intégré dans toutes ses fonctions, le cours Genially AI Builder : maîtriser les widgets IA le détaille de bout en bout.

Un métaprompt qui connaît les contraintes de Genially

Un widget qui défile dans la slide, un code refusé à l'insertion, un tracking qui bloque les tentatives : ces écueils viennent des contraintes propres à Genially. Le métaprompt les intègre d'office. Il fait endosser à Claude un rôle de développeur front-end, lui impose cinq choix avant de construire (destination, format de slide, documents de référence, charte graphique, badge IA) et exige un code HTML autonome, sans dépendance externe ni stockage local. Vous l'installez une fois dans un projet Claude et le réutilisez pour chaque nouveau widget : simulateur, outil interactif, activité pédagogique ou mini-jeu.

Pour qui

Enseignants, formateurs, concepteurs pédagogiques et créateurs de contenus qui utilisent déjà Genially. Aucune notion de programmation n'est requise : le niveau débutant vaut pour le code, pas pour Genially, dont il vaut mieux connaître l'éditeur. Si ce n'est pas encore le cas, commencez par les principales fonctionnalités de Genially. Une vidéo d'ouverture présente la nouvelle interface de l'éditeur, apparue pendant le tournage, pour que vous vous repériez dans les démonstrations.

Pour aller plus loin

Si vous préférez rester sur les composants clés en main sans passer par Claude, le cours consacré aux outils IA intégrés à Genially les passe en revue.