webflow-mcp:interactions
Ce skill fait partie du repository officiel webflow/webflow-skills, une collection d'Agent Skills pour travailler avec Webflow via le serveur MCP. Il fournit à Claude un contrat complet et opérationnel pour créer, lire, mettre à jour et supprimer des interactions IX3 (le moteur d'animation GSAP de Webflow) en passant exclusivement par l'outil data_interactions_tool de l'API MCP beta.
Ce que couvre ce skill
Le SKILL.md est un document de référence dense et maintenu activement (changelog daté jusqu'en août 2026). Il détaille l'ensemble du workflow en cinq phases : découverte du site et de la page, lecture des fichiers de référence inclus (references/), planification du payload, écriture après confirmation explicite, et vérification par get_interaction. Il documente également les pièges les plus coûteux mesurés en dogfood — notamment la suppression silencieuse des clés inconnues dans config, l'encodage de l'easing sous forme d'entier, et les cas où une écriture réussit sans qu'aucune animation ne se déclenche.
Six exemples complets sont fournis inline (click fade, page load, scroll scrub, hover enter/leave, mouse-move, custom JS event), avec pour chaque trigger les points non-évidents : placement de pluginConfig, valeur de wf:any-element, forme de conditionalPlayback, différence entre tween To / From / FromTo (tt: 0/1/2), et la commande exacte pour déclencher un événement custom via Webflow.require('ix3').emit().
Prérequis et installation
Ce skill nécessite le beta MCP (https://mcp.webflow.com/beta/mcp), le flag ff-ix3-interaction-apis activé pour l'identité appelante, et les scopes pages:read / pages:write. Il s'installe via :
npx -y skills add webflow/webflow-skills --skill 'webflow-mcp:interactions' --yesIl accompagne un ensemble de fichiers references/ (trigger-click, trigger-hover, trigger-scroll, trigger-mouse-move, trigger-custom, envelope-and-targets, actions-and-properties, rejects-index, etc.) qui constituent le contrat technique détaillé — le skill indique explicitement quand les lire plutôt que de dupliquer leur contenu.