Browser Automation

ui-demo vous aide à enregistrer des démos d’app web soignées avec Playwright, un mouvement de curseur visible et un rythme naturel. Utilisez la skill ui-demo pour des démonstrations pas à pas, des vidéos d’onboarding, des présentations de fonctionnalités et des enregistrements de type tutoriel. Suivez le workflow découvrir, répéter, puis enregistrer pour obtenir des résultats fiables, en particulier sur des prototypes et des interfaces qui évoluent vite.

nuxt4-patterns est un skill Nuxt 4 consacré à la sécurité de l’hydratation, aux route rules, au lazy loading et au chargement de données compatible SSR. Utilisez le skill nuxt4-patterns pour prendre de meilleures décisions en Frontend Development, réduire les écarts de rendu et appliquer le bon pattern à chaque page ou composant.

Le skill deep-research transforme des questions larges en recherches web étayées par des sources, grâce aux outils MCP firecrawl et exa. Utilisez-le pour comparer des sources, synthétiser des résultats et produire des rapports cités pour l’analyse concurrentielle, l’évaluation technologique, la due diligence et toute autre décision qui doit s’appuyer sur des preuves.

Utilisez la skill benchmark pour mesurer des références de performance, détecter les régressions avant et après les PR, et comparer des alternatives de stack sur des pages, des API et des builds dans une démarche d’optimisation des performances.

La skill benchmark aide à détecter les régressions de performance dans les workflows web et applicatifs. Utilisez-la pour établir une base de référence, comparer avant et après des changements, et suivre si une PR a rendu des pages plus lentes, plus lourdes ou moins stables. C’est un guide pratique de benchmark pour l’optimisation des performances, les Core Web Vitals, les vérifications Lighthouse, la taille des bundles et l’évolution des temps de chargement.

canary est une skill de surveillance post-déploiement qui observe les applications en production pour détecter les erreurs de console, les échecs de page et les régressions de performance. Elle compare le comportement actuel à une base de référence pré-déploiement afin de vérifier une release, repérer des pages cassées et identifier des anomalies visibles avec moins d’approximation qu’une requête générique.

La compétence qa teste systématiquement une application web, détecte des bugs et vérifie les correctifs grâce à un workflow par étapes. Utilisez-la pour les tests de régression, les contrôles de readiness avant mise en production ou comme guide QA structuré lorsque vous avez besoin de preuves, d’évaluations de gravité et de boucles atomiques corriger puis retester, plutôt que d’un simple prompt générique de chasse aux bugs.

Consultation de la documentation de la bibliothèque Python browser-use. Le skill open-source aide pour l’installation, la configuration, le code Agent et Browser, les variables d’environnement des modèles, les outils, les intégrations MCP, le monitoring et les indications sur l’ancienne Actor API.

gstack est un skill IA piloté par le navigateur pour les tests QA, le dogfooding, les vérifications de release et la capture de bugs. Il ouvre de vraies pages, clique dans l’interface, vérifie l’état, compare l’avant et l’après, teste les mises en page responsives et capture des preuves appuyées par des captures d’écran. Il est particulièrement utile pour la revue de design UI et la validation de déploiement lorsque vous avez besoin de résultats de navigateur fiables avec le skill gstack.

diagnose est un workflow de débogage structuré pour les bugs coriaces, les tests instables et les régressions de performance. Il vous aide à reproduire le problème, à réduire le cas défaillant au minimum, à formuler une hypothèse à la fois, à ajouter de l’instrumentation, à corriger la cause racine, puis à la verrouiller avec un test de régression. Utilisez le guide diagnose quand « débogue ça » ne suffit pas.

critique vous aide à passer en revue des interfaces, fonctionnalités, pages ou composants sous l’angle UX, grâce à une notation structurée, des tests basés sur des personas, des vérifications heuristiques et des retours actionnables. Utilisez critique lorsque vous avez besoin d’un guide de critique reproductible pour la conception UI/UX, pas d’un commentaire vague. Il convient particulièrement à une analyse ciblée sur une zone précise, avec un contexte clair.

figma-create-new-file crée un nouveau fichier Figma Design vierge ou un tableau FigJam dans les brouillons. Utilisez-le lorsque vous avez besoin d’un point de départ propre avant d’enchaîner avec des actions Figma plus poussées, y compris `use_figma`. Il prend en charge `design` ou `figjam`, le nommage facultatif du fichier, et peut résoudre l’accès au plan avec `whoami` si nécessaire.

baoyu-post-to-wechat est une skill de publication pour les comptes officiels WeChat, avec des flux via navigateur et API pour les articles et les publications image-texte. Elle prend en charge les entrées en Markdown, HTML et texte brut, l’extraction du titre et du résumé via frontmatter, la conversion Markdown vers WeChat, la gestion des images, ainsi que les vérifications d’environnement nécessaires à l’automatisation d’un profil Chrome.

baoyu-post-to-weibo permet aux agents de publier des posts Weibo et des articles de une via une véritable session Chrome. Il prend en charge le texte, les images, la vidéo, la conversion Markdown vers HTML, des aides au collage via le presse-papiers, ainsi qu’une exécution avec bun ou npx pour des workflows de publication fiables.

Utilisez transformers-js pour exécuter des modèles ML en JavaScript et TypeScript, dans le navigateur comme côté serveur. La skill transformers-js couvre l’installation, le chargement des modèles, la mise en cache, la configuration et l’usage pratique de transformers-js pour les tâches de texte, de vision, d’audio et multimodales, ainsi que transformers-js pour la génération de code avec les modèles de text-generation pris en charge.

seo-dataforseo connecte Claude à des données SEO en temps réel via le serveur MCP DataForSEO pour vérifier les SERP, faire de la recherche de mots-clés, analyser les backlinks et les pages, étudier la concurrence, examiner les fiches d’établissement et suivre la visibilité dans les IA. C’est particulièrement adapté aux workflows fondés sur les données quand vous avez besoin de preuves issues des résultats de recherche, d’instructions d’installation claires et d’une utilisation concrète de seo-dataforseo.

seo-audit exécute un audit SEO complet d’un site web avec délégation parallèle à des sous-agents, en explorant jusqu’à 500 pages et en détectant le type d’activité. Il couvre les signaux techniques, de contenu, de schema, de performance, visuels, locaux et géographiques, puis renvoie un score de santé et des correctifs priorisés pour l’examen global du site et l’analyse du contenu SEO.

analyzing-browser-forensics-with-hindsight aide les équipes de criminalistique numérique à analyser les artefacts des navigateurs Chromium avec Hindsight, notamment l’historique, les téléchargements, les cookies, la saisie automatique, les favoris, les métadonnées des identifiants enregistrés, le cache et les extensions. Servez-vous-en pour reconstituer l’activité web, examiner des chronologies et enquêter sur les profils Chrome, Edge, Brave et Opera.

website-to-hyperframes est un skill de workflow qui transforme un site web existant en vidéo HyperFrames. Utilisez-le lorsque vous avez une URL et souhaitez créer une visite produit, une vidéo promotionnelle, une pub pour les réseaux sociaux ou une vidéo explicative, en vous appuyant sur le design, les textes et les assets réels du site. Le dépôt prend en charge les étapes de capture, design, script, storyboard, voix off, assemblage et validation pour un travail de Design Implementation.

Le skill wp-playground vous aide à créer des environnements WordPress Playground jetables et reproductibles pour tester des plugins et des thèmes, changer de version, utiliser des blueprints, créer des snapshots et isoler le débogage. Il prend en charge des workflows dans le navigateur ou en CLI via @wp-playground/cli, et s’avère particulièrement utile pour le développement backend, l’assurance qualité et la reproduction contrôlée de problèmes.

web-perf analyse les performances web avec Chrome DevTools MCP. Il mesure les Core Web Vitals, les problèmes de chargement détectés à partir des traces, les ressources bloquant le rendu, les décalages de mise en page, les problèmes de cache et les lacunes d’accessibilité. Utilisez le skill web-perf pour l’optimisation des performances, le débogage des pages lentes et des workflows de guide web-perf fondés sur des preuves, qui s’appuient sur la documentation à jour et des traces en direct.

agents-sdk vous aide à créer des agents Cloudflare Workers avec des conversations avec état, une exécution durable, du chat en WebSocket ou en streaming, l’intégration MCP, des tâches planifiées et l’automatisation du navigateur. Cette skill agents-sdk se concentre sur les décisions d’installation, la configuration et l’usage pratique pour des applications Workers existantes ou nouvelles, avec des indications sur les systèmes multi-agents uniquement lorsqu’ils respectent les contraintes du runtime Cloudflare.

Utilisez le skill network pour créer des schémas de topologie réseau PlantUML avec des icônes d’équipements mxGraph, une mise en page automatique, le regroupement par zones et une sémantique claire des liaisons. Il convient aux schémas LAN, WAN, d’entreprise, de centre de données, sans fil, de sécurité et spécifiques à un fournisseur, avec des exemples d’usage réseau et des conseils pour choisir network plutôt que uml ou cloud.

Utilisez l’outil slack-messaging pour envoyer ou lire des messages Slack, consulter des canaux, tester des intégrations Slack et interagir avec un espace de travail Slack depuis la ligne de commande avec slackcli pour automatiser vos workflows.