L'ATELIER DES CRÉATEURS. Construisez, Montez, Publiez.
La boîte à outils complète et 100% gratuite pour concevoir votre univers de créateur : vidéos YouTube, Shorts viraux, boutiques en ligne, identités de marque et automatisations IA.
Ce que c'est
Antigravity est un environnement de travail complet qui permet à l'IA d'écrire de vrais fichiers sur votre ordinateur, de concevoir des sites web, de générer du contenu et de publier en ligne directement.
Le kit met à votre disposition l'ensemble des compétences de pointe pour produire sans friction.
La Bibliothèque Créateur : 112 Savoir-Faire Armés
Toutes les compétences prêtes à l'emploi. Tapez simplement /nom-du-skill pour activer un module spécialisé.
Une question, un blocage ? Écris-moi : real.audrey.serber@gmail.com
Mettre un site en ligne
Partir d'une idée et finir avec une adresse internet qui marche.
/landing-builder
Construit une page qui vend un produit.
Il connaît l'ordre dans lequel un visiteur a besoin de lire : le problème, la promesse, la preuve, le prix, le bouton. Deux modes, un pour un produit (bijou, ebook, formation), un pour une offre de service. Il produit aussi les balises que Google lit pour afficher ton prix.
/landing-builder dans le chat de l'outil
/app-builder
Construit une application web complète.
Pour aller au-delà d'une simple page : comptes, base de données, pages qui s'adaptent. Il fabrique une application Next.js entière à partir d'une description en français, et la déploie. À garder pour plus tard, quand une page ne suffit plus.
/app-builder dans le chat de l'outil
/saas-launch
Lance un produit payant de bout en bout.
La méthode complète : étude de marché sourcée, positionnement, page de vente, tarifs, paiement, lancement. Six documents de cadrage avant la première ligne de code. Pour quand tu veux vendre autre chose que des objets.
/saas-launch dans le chat de l'outil
/setup-deploy
Règle une fois pour toutes où publier.
Configure l'adresse, le dossier à envoyer, les réglages de mise en ligne. On le fait une fois au début, ensuite on n'y pense plus.
/setup-deploy dans le chat de l'outil
/land-and-deploy
Publie une modification proprement.
Vérifie que rien n'est cassé, puis envoie en ligne. Le geste qu'on répète à chaque changement de prix ou de photo.
/land-and-deploy dans le chat de l'outil
/schema-generator
Fait afficher ton prix directement dans Google.
Ajoute des étiquettes invisibles dans ta page (le format s'appelle JSON-LD). Résultat concret : dans les résultats de recherche, Google peut montrer le prix, la disponibilité et les avis sous ton lien, au lieu d'un simple titre.
/schema-generator dans le chat de l'outil
Rendre beau
La différence entre une page bricolée et une page dont on se dit qu'elle a été faite par un professionnel.
/ui-ux-pro-max
La boîte à outils du graphiste.
Le plus gros skill de la bibliothèque. 50 styles visuels, 161 palettes de couleurs testées, 57 associations de polices, 161 types de produits, 99 règles d'expérience utilisateur, 25 sortes de graphiques. Quand l'IA a ça sous la main, elle arrête d'improviser des couleurs au hasard.
/ui-ux-pro-max dans le chat de l'outil
/design-consultation
Propose une direction visuelle avant de dessiner.
Il regarde ce que font les autres dans ton domaine, puis propose un système complet : couleurs, typographie, espacements, ambiance. Utile quand tu ne sais pas dire ce que tu veux, mais que tu sauras le reconnaître en le voyant.
/design-consultation dans le chat de l'outil
/design-shotgun
Génère plusieurs versions et te les fait comparer.
Au lieu d'une proposition, il en fabrique plusieurs et les affiche côte à côte. Tu choisis ce que tu préfères dans chacune. Le moyen le plus rapide de découvrir ton propre goût.
/design-shotgun dans le chat de l'outil
/design-review
Relit ta page avec un œil de graphiste.
Cherche les défauts qu'on ne voit plus quand on a le nez dessus : espacements irréguliers, hiérarchie confuse, tics visuels typiques de l'IA, animations lentes. Puis il corrige.
/design-review dans le chat de l'outil
/design-html
Écrit le code de la page proprement.
Transforme une maquette en vraie page HTML/CSS de qualité production.
/design-html dans le chat de l'outil
/vision-in-the-loop
Regarde vraiment le résultat, et recommence.
Le skill le plus utile contre le principal défaut de l'IA. Il produit, prend une capture d'écran réelle, regarde ce qui s'affiche, corrige, recommence. Voir au lieu de supposer.
/vision-in-the-loop dans le chat de l'outil
Écrire
Des textes qui se lisent, dans ta langue, sans le ton robot.
/content-production
Écrit un texte à partir d'un brief.
Articles de blog, pages, foires aux questions. Écrit pour être lisible par un humain et citable par les IA.
/content-production dans le chat de l'outil
/content-hook-fr
Trouve la première phrase qui accroche.
Les premières secondes décident si on te lit ou pas. Ce skill génère et note des accroches en français, pour une vidéo, un article ou une publication.
/content-hook-fr dans le chat de l'outil
/french-readability
Mesure si ton texte est simple à lire.
Les outils courants mesurent l'anglais et se trompent sur le français. Celui-ci utilise des formules adaptées (LIX, Flesch-Douma, Gunning-Fog francisé). Il vérifie aussi que tu ne mélanges pas le tutoiement et le vouvoiement.
/french-readability dans le chat de l'outil
/humor-quality-judge
Détecte le ton robot.
Repère les tournures qui trahissent un texte écrit par une IA, et les blagues qui tombent à plat en français. Beaucoup de lecteurs les reconnaissent maintenant, et ça leur fait perdre confiance.
/humor-quality-judge dans le chat de l'outil
/social-copy-writer
Écrit court pour les réseaux.
Légendes Instagram, textes de Stories, descriptions TikTok, fils X, descriptions YouTube. Un ton par plateforme.
/social-copy-writer dans le chat de l'outil
/science-source
Trouve une vraie source scientifique.
Cherche dans Crossref et PubMed un article revu par des pairs pour appuyer une affirmation, et renvoie le titre, l'année, le journal et le lien. À utiliser dès que tu écris quelque chose qui touche à la santé.
/science-source dans le chat de l'outil
/content-corpus-manager
Range ta matière première.
Organise, étiquette et versionne le corpus de documents dont les autres skills se nourrissent.
/content-corpus-manager dans le chat de l'outil
/article-encoding-repair
Répare les caractères bizarres.
Quand les accents se transforment en symboles illisibles après publication, il trouve la cause et corrige.
/article-encoding-repair dans le chat de l'outil
Être trouvée
Une boutique que personne ne voit ne vend rien. Ici, comment apparaître sur Google et dans les réponses des IA.
/seo-content-audit
Vérifie que tes textes peuvent être trouvés.
Analyse les mots que les gens tapent vraiment, ce que tu as écrit, et l'écart entre les deux.
/seo-content-audit dans le chat de l'outil
/seo-technical-audit
Vérifie la plomberie invisible.
Est-ce que Google a le droit de lire ton site, est-ce qu'il trouve toutes tes pages, est-ce que les titres et descriptions existent. Des détails invisibles pour toi, décisifs pour lui.
/seo-technical-audit dans le chat de l'outil
/geo-audit
Vérifie si les IA parlent de toi.
Nouveau et de plus en plus important : mesure si ton site apparaît dans les réponses de ChatGPT, Perplexity, Claude et Gemini. De plus en plus de gens cherchent là, pas sur Google.
/geo-audit dans le chat de l'outil
/backlinks-audit
Regarde qui parle de toi ailleurs.
Cartographie les sites qui pointent vers le tien. C'est un des signaux les plus forts pour le classement.
/backlinks-audit dans le chat de l'outil
/performance-audit
Mesure si ton site est lent.
Un site lent perd des visiteurs avant même d'être vu, et Google le sait. Mesure les indicateurs officiels (LCP, INP, CLS) et dit quoi corriger.
/performance-audit dans le chat de l'outil
/monitoring-dashboard
Suit tes positions dans le temps.
Met en place un suivi continu, pour voir si tu montes ou tu descends.
/monitoring-dashboard dans le chat de l'outil
/audit-refresh
Re-vérifie un site déjà audité.
À relancer tous les trois mois : les règles changent, un site correct peut dériver sans qu'on s'en aperçoive.
/audit-refresh dans le chat de l'outil
Faire des vidéos
De l'idée jusqu'au fichier fini. La partie la plus lourde de la bibliothèque, et la plus exigeante en matériel.
Pack Publicités Vidéo « Récit » & Ad Studio
La méthode exacte des vidéos à fort taux de conversion : un personnage inventé, un problème réel, une promesse prouvée par un vrai écran de l'app. Personas IA, voix off studio calibrées, clips Google Flow, montage automatique et formats verticaux Stories/Reels.
/hyperframes
ANIMATION 60FPS & MONTAGE
Le point d'entrée de toute vidéo.
À lire en premier dès qu'il s'agit de créer ou modifier une vidéo, une animation ou un motion design. Il oriente vers le bon outil.
/hyperframes dans le chat de l'outil
/motion-video
VIDÉOS COURS & PÉDAGOGIE
Cours et vidéos pédagogiques animés.
Fabrique des vidéos explicatives en français : animation HTML/CSS rendue image par image, plus une voix off automatique. Le style des vidéos de cours qu'on voit sur YouTube.
/motion-video dans le chat de l'outil
/video-brief-generator
SHORTS & REELS HYPNOTIQUES
Prépare le plan d'une vidéo courte.
Produit un brief structuré pour un Short, un Reel ou un TikTok : accroche, déroulé, plans, texte à l'écran.
/video-brief-generator dans le chat de l'outil
/video-deconstruct
REVERSE-ENGINEERING VIRAL
Décortique une vidéo qui a marché.
Récupère le texte et les images clés d'une vidéo en ligne pour comprendre pourquoi elle a fonctionné. Apprendre en observant, pas en devinant.
/video-deconstruct dans le chat de l'outil
/yt-seo-optimizer
ALGORITHME & TITRES A/B
Optimise une vidéo pour YouTube.
Le taux de clic, la durée de visionnage, les variantes de titre et de miniature à tester.
/yt-seo-optimizer dans le chat de l'outil
/youtube-thumbnail-creator
MINIATURES IA · FORT CTR
Génère des miniatures.
Fabrique des miniatures à fort taux de clic via l'API Imagen de Google.
/youtube-thumbnail-creator dans le chat de l'outil
/karaoke-video
SOUS-TITRES & TEXTE DÉFILANT
Transforme un épisode en vidéo texte.
Reprend une vidéo déjà produite et la transforme en format 16:9 où le texte exact défile à l'écran.
/karaoke-video dans le chat de l'outil
/general-video
MONTAGE SUR-MESURE
Pour les cas qui ne rentrent nulle part.
Quand aucun format spécialisé ne convient.
/general-video dans le chat de l'outil
/media-use
SOUND DESIGN & LUTs
Trouve la musique, les sons et les images.
Le guichet unique pour tout ce qu'une vidéo consomme : musique de fond, bruitages, images, icônes, étalonnage des couleurs.
/media-use dans le chat de l'outil
/tts-prononciation
VOIX OFF STUDIO IA
Corrige la voix de synthèse.
Les voix automatiques prononcent mal les noms propres et les sigles. Ce skill réécrit le texte phonétiquement avant la synthèse.
/tts-prononciation dans le chat de l'outil
/gemini-omni-prompt
CADRE OFFICIEL GOOGLE
Écrit les consignes pour la vidéo générée par IA.
Structure une demande selon le cadre officiel de Google, pour obtenir ce qu'on veut du premier coup.
/gemini-omni-prompt dans le chat de l'outil
/flow-image-generator
BATCH IMAGES NANO BANANA
Génère des images en série.
Pilote Google Flow pour produire des lots d'images.
/flow-image-generator dans le chat de l'outil
/flow-omni-video
CINÉMA IA GOOGLE FLOW
Assemble des clips générés par IA.
Production de vidéos longues à partir de clips générés, puis assemblage automatique.
/flow-omni-video dans le chat de l'outil
/saas-ad-studio
PUBS PRODUIT CONVERTISSANTES
Transforme un site en publicité.
Prend l'adresse d'un site et en fait une publicité cinématique, au format horizontal ou vertical.
/saas-ad-studio dans le chat de l'outil
/food-build-generator
FORMAT VIRAL FOOD BUILD
Le format vidéo « food build ».
Petits personnages qui construisent de la nourriture géante. Une niche qui marche très bien sans montrer son visage.
/food-build-generator dans le chat de l'outil
Publier et suivre
Diffuser ce que tu as fait, et savoir si ça a marché.
/crosspost
Publie partout d'un coup.
Adapte puis distribue un contenu sur X, LinkedIn, Threads et Bluesky. Chaque plateforme a ses codes, il les applique.
/crosspost dans le chat de l'outil
/analytics-tracker
Mesure après publication.
Relève les chiffres à 24 h, 72 h, 7 jours et 30 jours. Sans ça, on refait indéfiniment ce qui ne marche pas.
/analytics-tracker dans le chat de l'outil
/trend-sourcing
Cherche les sujets qui montent.
Collecte ce qui émerge sur Reddit, Hacker News, arXiv, YouTube, X, ProductHunt.
/trend-sourcing dans le chat de l'outil
/trend-scoring
Note les sujets trouvés.
Donne une note sur 10 combinant vitesse de montée, fraîcheur, pertinence pour toi et potentiel viral. Évite de courir après une tendance déjà finie.
/trend-scoring dans le chat de l'outil
Vérifier avant de publier
Le groupe le plus sous-estimé. L'IA se trompe avec aplomb : ces skills sont là pour la prendre en flagrant délit.
/audit-croise
Fait auditer ton projet par plusieurs agents.
Plusieurs IA spécialisées lisent ton projet en parallèle, chacune sur son angle : mise en ligne, exactitude, sécurité, accessibilité, contenu. Puis une passe adverse relit chaque trouvaille pour éliminer les fausses alertes. Rend une liste triée par gravité.
/audit-croise dans le chat de l'outil
/qa
Teste ton site et répare.
Parcourt l'application comme un utilisateur, trouve les bugs, les corrige.
/qa dans le chat de l'outil
/qa-only
Teste sans rien toucher.
Même chose, mais il se contente de faire un rapport. À préférer quand tu veux décider toi-même.
/qa-only dans le chat de l'outil
/investigate
Trouve la cause d'un problème.
Débogage méthodique jusqu'à la cause racine, au lieu de masquer le symptôme.
/investigate dans le chat de l'outil
/health
Tableau de bord de la qualité du code.
Une vue d'ensemble de l'état de santé d'un projet.
/health dans le chat de l'outil
/canary
Surveille après la mise en ligne.
Vérifie que rien n'a cassé dans les minutes qui suivent une publication.
/canary dans le chat de l'outil
/benchmark
Détecte les ralentissements.
Compare les performances avant et après un changement.
/benchmark dans le chat de l'outil
/eval-harness
Mesure si l'IA fait bien son travail.
Cadre formel pour évaluer les résultats produits par une IA, avec des critères écrits d'avance.
/eval-harness dans le chat de l'outil
/protector
Bouclier de sécurité pour les applications.
Vérifie les failles courantes des applications Next.js et Firebase. Ne promet pas l'invulnérabilité, mais couvre les erreurs les plus fréquentes.
/protector dans le chat de l'outil
/cso
Mode responsable sécurité.
Revue de sécurité complète d'un projet.
/cso dans le chat de l'outil
/rag-eval
Évalue une recherche documentaire.
Mesure la qualité d'un système qui répond à partir de tes propres documents.
/rag-eval dans le chat de l'outil
Mieux travailler avec l'IA
Ceux-là ne fabriquent rien. Ils changent la façon dont l'IA travaille, et c'est souvent ce qui fait la plus grosse différence.
/fabuleux
Rend l'IA beaucoup plus exigeante.
Le plus précieux de cette section. Il impose une discipline : vérifier à la source, prouver ce qu'on affirme, ne jamais annoncer un résultat sans preuve, s'arrêter quand on n'est pas sûr. Calibré sur des dizaines de vraies sessions. À activer dès que le travail compte.
/fabuleux dans le chat de l'outil
/spec
Transforme une idée floue en plan précis.
Cinq phases pour passer de « je voudrais un truc comme ça » à une spécification exécutable. Le meilleur remède quand tu n'arrives pas à formuler ta demande.
/spec dans le chat de l'outil
/cimetiere
Force à écrire ce qu'on ne fera pas.
Avant la première ligne, lister ce qui est volontairement abandonné. Ça paraît étrange, et ça évite la moitié des projets qui n'aboutissent jamais.
/cimetiere dans le chat de l'outil
/fable-goal
Transforme une explication décousue en consigne nette.
Tu expliques mal ce que tu veux, il en fait une demande propre et autonome.
/fable-goal dans le chat de l'outil
/learn
Retient les leçons d'un projet.
Enregistre ce qui a été appris pour ne pas le redécouvrir la prochaine fois.
/learn dans le chat de l'outil
/retro
Bilan hebdomadaire.
Ce qui a marché, ce qui a coincé, ce qu'on change.
/retro dans le chat de l'outil
/office-hours
Passe ton projet au gril.
Format inspiré des séances de conseil de Y Combinator : questions directes sur ce qui ne tient pas.
/office-hours dans le chat de l'outil
/context-save
Met le travail en pause proprement.
Sauvegarde où tu en es pour reprendre plus tard sans tout réexpliquer.
/context-save dans le chat de l'outil
/context-restore
Reprend où tu t'étais arrêtée.
Recharge le contexte sauvegardé.
/context-restore dans le chat de l'outil
/reprise-session
Passe le relais entre deux sessions.
Écrit un fichier de passation en fin de session, le relit au début de la suivante.
/reprise-session dans le chat de l'outil
/careful
Garde-fou sur les commandes dangereuses.
Prévient avant toute commande qui détruit quelque chose.
/careful dans le chat de l'outil
/guard
Sécurité maximale.
Combine les avertissements et la limitation des modifications à un seul dossier.
/guard dans le chat de l'outil
/freeze
Empêche de toucher au reste.
Restreint les modifications à un dossier précis pour toute la session. Rassurant quand on débute.
/freeze dans le chat de l'outil
/unfreeze
Lève la restriction.
Rend à nouveau possible la modification de tous les dossiers.
/unfreeze dans le chat de l'outil
/skillify
Transforme une réussite en skill.
Quand une façon de faire a bien marché, il la fige en skill réutilisable. C'est comme ça qu'on se constitue une bibliothèque à soi.
/skillify dans le chat de l'outil
/autoplan
Fait relire un plan par plusieurs spécialistes.
Enchaîne automatiquement les relectures dirigeant, design, technique et expérience développeur.
/autoplan dans le chat de l'outil
/plan-ceo-review
Relecture d'un plan en mode dirigeant.
Est-ce que ça sert le but, est-ce que ça vaut le coût.
/plan-ceo-review dans le chat de l'outil
/plan-design-review
Relecture d'un plan par un designer.
Interactive, comme une vraie revue.
/plan-design-review dans le chat de l'outil
/plan-eng-review
Relecture d'un plan par un responsable technique.
Ce qui va casser, ce qui manque.
/plan-eng-review dans le chat de l'outil
/plan-devex-review
Relecture du confort d'utilisation.
Est-ce que c'est agréable à utiliser au quotidien.
/plan-devex-review dans le chat de l'outil
Chercher et comprendre
Explorer, lire, vérifier avant de décider.
/graphify
Répond aux questions sur un projet.
Transforme un dossier de code ou de documents en carte navigable, puis répond aux questions dessus : comment c'est organisé, qu'est-ce qui dépend de quoi.
/graphify dans le chat de l'outil
/scrape
Récupère des données sur une page web.
Extrait le contenu d'une page pour le réutiliser.
/scrape dans le chat de l'outil
/browse
Ouvre des pages sans navigateur visible.
Navigateur rapide et invisible, pour tester ou lire des sites en série.
/browse dans le chat de l'outil
/notebooklm
Pilote Google NotebookLM.
Crée et remplit des carnets de notes intelligents, génère des résumés et des briefings audio à partir de tes propres documents.
/notebooklm dans le chat de l'outil
/crypto-signal-filter
Vérifie une piste crypto avant d'en parler.
Évalue le sérieux et le risque d'une tendance, d'une pièce ou d'un protocole. Une précaution, pas un conseil d'investissement.
/crypto-signal-filter dans le chat de l'outil
Outils pour développeurs
Cette section ne te servira pas au début. Elle est là pour que tu saches ce qui existe le jour où tu iras plus loin.
/ship
Publie une version proprement.
Fusionne, teste, relit, incrémente la version, met à jour le journal des changements, publie.
/ship dans le chat de l'outil
/codex
Utilise l'outil en ligne de commande d'OpenAI.
Trois modes d'utilisation de Codex.
/codex dans le chat de l'outil
/document-generate
Écrit la documentation manquante.
Génère de zéro la documentation d'une fonctionnalité ou d'un projet entier.
/document-generate dans le chat de l'outil
/document-release
Met à jour la documentation après publication.
Le geste qu'on oublie toujours.
/document-release dans le chat de l'outil
/devex-review
Audite le confort de développement.
Mesure ce qui rend un projet pénible à faire tourner.
/devex-review dans le chat de l'outil
/make-pdf
Transforme un texte en PDF soigné.
N'importe quel fichier markdown devient un PDF de qualité publication.
/make-pdf dans le chat de l'outil
/agent-adk-starter
Fabrique un agent IA local.
Avec l'Agent Development Kit de Google, le socle de la plateforme d'agents Gemini.
/agent-adk-starter dans le chat de l'outil
/connect-chrome
Lance un navigateur piloté par l'IA.
Chromium avec l'extension intégrée.
/connect-chrome dans le chat de l'outil
/open-gstack-browser
Ouvre ce même navigateur.
Autre point d'entrée.
/open-gstack-browser dans le chat de l'outil
/pair-agent
Associe un agent distant à ton navigateur.
Pour travailler à deux, un humain et une IA, sur la même page.
/pair-agent dans le chat de l'outil
/setup-browser-cookies
Reprend tes connexions existantes.
Importe les cookies de ton vrai navigateur pour accéder aux sites où tu es déjà connectée.
/setup-browser-cookies dans le chat de l'outil
/landing-report
Tableau des mises en ligne en attente.
Consultation seule.
/landing-report dans le chat de l'outil
/setup-gbrain
Installe une mémoire de projet.
Base locale qui garde la connaissance d'un projet.
/setup-gbrain dans le chat de l'outil
/sync-gbrain
Maintient cette mémoire à jour.
La resynchronise avec le code.
/sync-gbrain dans le chat de l'outil
/gstack-upgrade
Met à jour la boîte à outils gstack.
Récupère la dernière version.
/gstack-upgrade dans le chat de l'outil
/benchmark-models
Compare les modèles d'IA entre eux.
Sur les mêmes tâches, pour savoir lequel choisir.
/benchmark-models dans le chat de l'outil
/plan-tune
Règle la sensibilité des questions.
Ajuste le nombre de questions que l'IA pose avant d'agir.
/plan-tune dans le chat de l'outil
/ios-qa
Teste une application iPhone sur un vrai appareil.
Pour les applications SwiftUI.
/ios-qa dans le chat de l'outil
/ios-fix
Répare les bugs iPhone tout seul.
Correction autonome.
/ios-fix dans le chat de l'outil
/ios-design-review
Audit visuel d'une application iPhone.
Sur matériel réel.
/ios-design-review dans le chat de l'outil
/ios-sync
Resynchronise le pont de débogage iOS.
Contre les derniers gabarits.
/ios-sync dans le chat de l'outil
/ios-clean
Retire le pont de débogage.
Avant de publier sur l'App Store.
/ios-clean dans le chat de l'outil
Le reste
Présents dans la bibliothèque, très spécifiques ou liés à un autre poste de travail. Listés pour l'exhaustivité.
/_gstack-command
Fast headless browser for QA testing and site dogfooding. (gstack)
Fast headless browser for QA testing and site dogfooding. (gstack)
/_gstack-command dans le chat de l'outil
/gstack
Fast headless browser for QA testing and site dogfooding. (gstack)
Fast headless browser for QA testing and site dogfooding. (gstack)
/gstack dans le chat de l'outil
/hyperframes-animation
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS k
/hyperframes-animation dans le chat de l'outil
/hyperframes-cli
Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade
> Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda,
/hyperframes-cli dans le chat de l'outil
/hyperframes-core
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic
/hyperframes-core dans le chat de l'outil
/hyperframes-creative
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling,
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decision
/hyperframes-creative dans le chat de l'outil
/hyperframes-keyframes
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js,
> Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for
/hyperframes-keyframes dans le chat de l'outil
/hyperframes-registry
Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyp
Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into in
/hyperframes-registry dans le chat de l'outil
Les Connecteurs MCP Recommandés
Les prises qui permettent à l'IA d'interagir avec les services professionnels.
NetlifyMettre ton site en ligneIndispensable
C'est lui qui prend les fichiers de ton ordinateur et les rend visibles sur internet, avec une vraie adresse. L'offre gratuite couvre largement une boutique d'artisanat : 100 Go de trafic par mois, un certificat de sécurité (le cadenas dans la barre d'adresse) inclus, et un formulaire de contact fourni sans rien installer. Une fois branché, tu dis simplement « mets le site en ligne » et c'est fait en quelques secondes.
- Où le créer
- app.netlify.com/signup
- Clé à fournir
- Un jeton à copier depuis ton compte (voir l'étape 2 plus haut).
À coller dans mcp_config.json
"netlify": {
"command": "npx",
"args": ["-y", "@netlify/mcp"],
"env": { "NETLIFY_PERSONAL_ACCESS_TOKEN": "TON_JETON" }
}FirebaseLes comptes clients et la base de donnéesPlus tard
Deux choses en une. D'abord l'authentification : permettre à quelqu'un de créer un compte sur ton site et de se reconnecter, avec son email ou son compte Google, sans que tu aies à gérer les mots de passe toi-même — c'est Google qui s'en charge, et c'est plus sûr. Ensuite la base de données : un endroit où stocker les commandes, les messages ou les stocks. Gratuit jusqu'à un volume qu'une boutique d'artisanat n'atteindra pas avant longtemps.
- Où le créer
- console.firebase.google.com
- Clé à fournir
- Aucune. Une fenêtre de connexion Google s'ouvrira au premier usage.
À coller dans mcp_config.json
"firebase": {
"command": "npx",
"args": ["-y", "firebase-tools@latest", "mcp"]
}StripeEncaisser les paiements par cartePlus tard
Quand un client paie sur ton site, l'argent va chez Stripe qui te le reverse sur ton compte bancaire quelques jours après. Tu ne vois jamais les numéros de carte : c'est tout l'intérêt, et c'est une obligation légale que Stripe assume à ta place. Rien à l'ouverture, rien par mois, une commission d'environ 1,5 % + 25 centimes par carte européenne. Branché, il sait créer tes produits, tes prix et tes liens de paiement tout seul.
- Où le créer
- dashboard.stripe.com/register
- Clé à fournir
- Aucune. Une page d'autorisation s'ouvre dans ton navigateur, tu cliques « Autoriser ».
À coller dans mcp_config.json
"stripe": {
"serverUrl": "https://mcp.stripe.com"
}Chrome DevToolsLaisser l'IA regarder ta pageRecommandé
Le plus sous-estimé des quatre. Sans lui, l'IA écrit ta page en aveugle et t'affirme qu'elle est belle sans l'avoir vue. Avec lui, elle ouvre vraiment la page dans un navigateur, regarde ce qui s'affiche, lit les messages d'erreur et corrige ce qui déborde ou ne se charge pas. C'est la différence entre un artisan qui travaille les yeux ouverts et les yeux fermés.
- Où le créer
- Rien à créer
- Clé à fournir
- Aucune. Il s'installe tout seul au premier lancement.
À coller dans mcp_config.json
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}Google StitchGénérer des maquettes d'interfaceOptionnel
Tu décris une page en français, il te renvoie une maquette visuelle complète que tu peux ensuite faire coder. Utile pour voir à quoi ressemblera quelque chose avant de le construire, surtout quand tu hésites entre plusieurs mises en page.
- Où le créer
- stitch.withgoogle.com
- Clé à fournir
- Une clé Google à générer dans ton compte, à coller dans la ligne X-Goog-Api-Key.
À coller dans mcp_config.json
"stitch": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://stitch.googleapis.com/mcp",
"--header", "X-Goog-Api-Key: TA_CLE"]
}Google MapsAjouter une carte à ta pageOptionnel
Si tu vends sur des marchés, si tu as un atelier qui se visite ou un point de retrait, ce branchement permet d'insérer une vraie carte interactive dans ta page, avec ton emplacement marqué.
- Où le créer
- console.cloud.google.com
- Clé à fournir
- Aucune pour l'assistance au code.
À coller dans mcp_config.json
"google-maps": {
"command": "npx",
"args": ["-y", "@googlemaps/code-assist-mcp@latest"],
"env": { "SOURCE": "antigravity" }
}Assistance & Conseils
En cas de doute, posez simplement votre question en français dans le chat de l'outil.