L'ARSENAL DES CRÉATEURS À SUCCÈS. Du Script Brut à la Machine à Vues.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Transforme une maquette en vraie page HTML/CSS de qualité production.

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.

Articles de blog, pages, foires aux questions. Écrit pour être lisible par un humain et citable par les IA.

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.

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.

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.

Légendes Instagram, textes de Stories, descriptions TikTok, fils X, descriptions YouTube. Un ton par plateforme.

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é.

Organise, étiquette et versionne le corpus de documents dont les autres skills se nourrissent.

Quand les accents se transforment en symboles illisibles après publication, il trouve la cause et corrige.

Analyse les mots que les gens tapent vraiment, ce que tu as écrit, et l'écart entre les deux.

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.

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.

Cartographie les sites qui pointent vers le tien. C'est un des signaux les plus forts pour le classement.

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.

Met en place un suivi continu, pour voir si tu montes ou tu descends.

À relancer tous les trois mois : les règles changent, un site correct peut dériver sans qu'on s'en aperçoive.

Adapte puis distribue un contenu sur X, LinkedIn, Threads et Bluesky. Chaque plateforme a ses codes, il les applique.

Relève les chiffres à 24 h, 72 h, 7 jours et 30 jours. Sans ça, on refait indéfiniment ce qui ne marche pas.

Collecte ce qui émerge sur Reddit, Hacker News, arXiv, YouTube, X, ProductHunt.

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.

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é.

Parcourt l'application comme un utilisateur, trouve les bugs, les corrige.

Même chose, mais il se contente de faire un rapport. À préférer quand tu veux décider toi-même.

Débogage méthodique jusqu'à la cause racine, au lieu de masquer le symptôme.

Une vue d'ensemble de l'état de santé d'un projet.

Vérifie que rien n'a cassé dans les minutes qui suivent une publication.

Compare les performances avant et après un changement.

Cadre formel pour évaluer les résultats produits par une IA, avec des critères écrits d'avance.

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.

Revue de sécurité complète d'un projet.

Mesure la qualité d'un système qui répond à partir de tes propres documents.

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.

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.

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.

Tu expliques mal ce que tu veux, il en fait une demande propre et autonome.

Enregistre ce qui a été appris pour ne pas le redécouvrir la prochaine fois.

Ce qui a marché, ce qui a coincé, ce qu'on change.

Format inspiré des séances de conseil de Y Combinator : questions directes sur ce qui ne tient pas.

Sauvegarde où tu en es pour reprendre plus tard sans tout réexpliquer.

Recharge le contexte sauvegardé.

Écrit un fichier de passation en fin de session, le relit au début de la suivante.

Prévient avant toute commande qui détruit quelque chose.

Combine les avertissements et la limitation des modifications à un seul dossier.

Restreint les modifications à un dossier précis pour toute la session. Rassurant quand on débute.

Rend à nouveau possible la modification de tous les dossiers.

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.

Enchaîne automatiquement les relectures dirigeant, design, technique et expérience développeur.

Est-ce que ça sert le but, est-ce que ça vaut le coût.

Interactive, comme une vraie revue.

Ce qui va casser, ce qui manque.

Est-ce que c'est agréable à utiliser au quotidien.

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.

Extrait le contenu d'une page pour le réutiliser.

Navigateur rapide et invisible, pour tester ou lire des sites en série.

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.

É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.

Fusionne, teste, relit, incrémente la version, met à jour le journal des changements, publie.

Trois modes d'utilisation de Codex.

Génère de zéro la documentation d'une fonctionnalité ou d'un projet entier.

Le geste qu'on oublie toujours.

Mesure ce qui rend un projet pénible à faire tourner.

N'importe quel fichier markdown devient un PDF de qualité publication.

Avec l'Agent Development Kit de Google, le socle de la plateforme d'agents Gemini.

Chromium avec l'extension intégrée.

Autre point d'entrée.

Pour travailler à deux, un humain et une IA, sur la même page.

Importe les cookies de ton vrai navigateur pour accéder aux sites où tu es déjà connectée.

Consultation seule.

Base locale qui garde la connaissance d'un projet.

La resynchronise avec le code.

Récupère la dernière version.

Sur les mêmes tâches, pour savoir lequel choisir.

Ajuste le nombre de questions que l'IA pose avant d'agir.

Pour les applications SwiftUI.

Correction autonome.

Sur matériel réel.

Contre les derniers gabarits.

Avant de publier sur l'App Store.

Fast headless browser for QA testing and site dogfooding. (gstack)

Fast headless browser for QA testing and site dogfooding. (gstack)

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

> 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,

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

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

> 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

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