Auteur
Équipe technique & produit
LABELS ERREURS ET
Rendez vos formulaires web conformes RGAA : labels visibles, erreurs annoncées, aria-live. De Figma à React avec Cursor pour PO, design et développement.
Intermédiaire · 4 min
ANALYSE CONCURRENCE SEO
Analyse concurrentielle SEO avec ChatGPT : SERP, angles éditoriaux et gaps sémantiques. Méthode pour consultants SEO et PO contenu, sans promesse de position.
Intermédiaire · 4 min
INSTRUCTIONS CHATGPT PO
Rédigez des custom instructions ChatGPT pour PO et PM : cadrage, user stories, comptes rendus. Ton B2B, formats livrables et garde-fous projet web en agence.
Débutant · 3 min
FORMATION ÉDITEUR CLIENT
Formation éditeur client avec ChatGPT : trames CMS, quiz, fiches mémo et exercices staging. Passation structurée pour marketing et PO en agence web B2B.
Débutant · 3 min
GPTS INTERNES CHATGPT
Créez des GPTs ChatGPT partagés en agence : briefs, recette et handover. Cadre, gouvernance et modèles réutilisables pour PO, PM et équipes projet web.
Débutant · 3 min
VÉRIFIER SOURCES CHATGPT
Protocole pour vérifier sources et citations ChatGPT avant un livrable client. Recoupement doc officielle, specs sensibles — pas de confiance aveugle.
Avancé · 4 min
AUTOMATISATIONS LÉGÈRES CHATGPT
ChatGPT et Make : automatiser tri de leads, résumés formulaire et brouillons Slack. Patterns no-code pour dev et PO agence web, avec garde-fous RGPD et logs.
Intermédiaire · 4 min
SCRIPTS RECETTE MÉTIER
Scripts recette métier ChatGPT pour projets web : Playwright, scénarios API et jeux de données. Brouillon accéléré avec relecture dev avant intégration CI.
Intermédiaire · 4 min
STRUCTURER UNE BASE
Modélisez une base Airtable missions : clients, projets, jalons et KPI. Tables liées, vues filtrées et sync Make sans doublon pour PM et direction d’agence.
Débutant · 4 min
MODÉLISER UN CATALOGUE
Structurez SKU, variantes, stocks, médias et SEO produit dans Airtable avant sync Shopify ou headless. PIM léger pour merchandising et équipes dev e-commerce.
Intermédiaire · 4 min
AUTOMATISER LES KPI
Formules et rollups Airtable pour retard, avancement et alertes. Tables Projets / Jalons utiles en comité — sans tableur parallèle.
Intermédiaire · 4 min
PORTAIL CLIENT EN
Publiez une interface Airtable client : jalons, livrables, statuts : sans marge ni champs internes. Portail filtré en lecture seule pour PM et comptes clés.
Intermédiaire · 4 min
CENTRALISER L INVENTAIRE
Modélisez une table URLs Airtable : type, title, meta, JSON-LD, statut revue et maillage. Pilotage SEO/GEO pour équipes éditoriales, dev et référencement.
Intermédiaire · 4 min
AUTOMATISER LE REPORTING
Automatisez le rapport hebdo : agrégation jalons Airtable, envoi Slack ou e-mail, snapshot archivé. Scénario Make planifié pour PM et comités agence web B2B.
Intermédiaire · 4 min
PILOTER LA LIVRAISON
Configurez des vues kanban Airtable par statut jalon ou lot de livraison. Filtres, couleurs et pilotage agence : complément ClickUp pour PM et direction.
Débutant · 4 min
ANIMATIONS GSAP AVEC
GSAP accessible : matchMedia, durées réduites et états statiques. Du Figma à useGSAP en React : pour dev, design et recette sans exclure reduced-motion.
Avancé · 4 min
CHAMPS CUSTOM ET
Définissez les champs custom ClickUp pour vos projets web : URL preview, environnement, lot et RACI. Vues filtrables et sync Airtable sans surcharger le kanban.
Intermédiaire · 3 min
DASHBOARD DE SUIVI
Construisez un dashboard ClickUp pour PO et PM : avancement, jalons, blocages et attentes client. Widgets filtrés et partage sans exposer l’interne agence.
Intermédiaire · 4 min
SYNCHRONISER UN BRIEF
Scénario Make pour propager un brief validé depuis ClickUp vers Airtable : reporting, notifications et mapping. ID stables et upsert pour PM et ops agence.
Avancé · 3 min
WORKFLOW DE LIVRAISON
Statuts ClickUp alignés sur vos phases web : cadrage, design, dev, recette et MEP. Workflows par List, héritage Space et lisibilité pour PM et client.
Intermédiaire · 4 min
TEMPLATES POUR MISSIONS
Templates ClickUp réutilisables par mission web : brief, recette, MEP. Checklists, champs custom et sous-tâches standardisées pour ouvrir un projet rapidement.
Débutant · 3 min
TIME TRACKING ET
Suivez le temps et reliez-le à la facturation ClickUp : estimations, saisie, rapports et alertes dépassement. Bonnes pratiques agence, lien Airtable direction.
Intermédiaire · 4 min
VUES ET FILTRES
Créez des vues ClickUp par rôle et sprint : filtres, groupes, champs affichés et vues enregistrées pour design, dev et PM. Lisibilité sans dupliquer les tâches.
Intermédiaire · 4 min
STRUCTURE WORKSPACE POUR
Workspace ClickUp au niveau agence : Spaces clients, templates, droits, champs globaux. Gouvernance pour éviter la dette structurelle sur projets multi-équipes.
Intermédiaire · 3 min
AUTOMATISATIONS ZAPIER ET
Orchestrez ClickUp avec Zapier ou Make : notifications, tâches depuis formulaires, sync Airtable. Évitez le bruit tout en gardant le pilotage projet réactif.
Intermédiaire · 3 min
AUDIT ACCESSIBILITÉ MAQUETTE
Pré-audit accessibilité sur maquette Figma avec Claude : contrastes, libellés, focus. Une checklist avant handoff — l’audit HTML RGAA reste obligatoire.
Intermédiaire · 4 min
GOUVERNANCE DONNÉES CLIENT
Encadrez Claude sur des données client sensibles : périmètre, anonymisation, secrets et traçabilité. Gouvernance sécurité et conformité contractuelle en agence.
Avancé · 4 min
PROMPTS CLAUDE POUR
Structurez vos prompts Claude pour cadrer un brief client web : objectifs, périmètre et livrables. Méthode PO/PM pour un kick-off fiable en agence B2B.
Débutant · 3 min
FAQ SEO GEO
Rédigez une FAQ SEO et GEO avec Claude : questions naturelles, réponses actionnables et maillage interne. Méthode agence pour PO, SEO lead et rédacteurs B2B.
Intermédiaire · 4 min
RELECTURE DE SPECS
Relisez vos specs Notion avec Claude : cohérence, trous de cadrage et critères testables. Workflow PO pour valider le périmètre avant développement web.
Intermédiaire · 4 min
SORTIES JSON LIVRABLES
Obtenez des sorties JSON avec Claude pour livrables agence : metadata SEO, composants UI ou specs. Workflow dev avec validation schéma avant intégration.
Intermédiaire · 4 min
WORKFLOWS CLAUDE ALIGNÉS
Alignez Claude sur vos workflows ClickUp : statuts, custom fields et synthèse sprint. Pilotage PO/PM en agence sans doublon Notion ni perte de traçabilité.
Intermédiaire · 4 min
COMPOSER UN COMPOSANT
Composants React accessibles avec Cursor et rules dédiées : sémantique, clavier, ARIA minimal, focus visible. Workflow agent et relecture manuelle pour dev.
Intermédiaire · 4 min
CONVENTIONS COMMIT ET
Messages Conventional Commits, scope, description de PR et checklist de review dans Cursor. Une rule pour éviter les commits fourre-tout.
Débutant · 3 min
DÉBUGGER UNE ERREUR
Résolvez un échec next build avec Cursor : log complet, patch minimal, typecheck. Erreurs RSC, imports et variables d’environnement courantes en projet agence.
Intermédiaire · 3 min
IMPLÉMENTER UNE MAQUETTE
Passer d’une maquette Figma à du code propre avec Cursor : tokens, composants du repo, Dev Mode. Moins d’écart visuel, design system respecté.
Intermédiaire · 4 min
REFACTOR GUIDÉ AVEC
Refactor sûr avec Cursor : @codebase, périmètre fichiers, plan par étapes, typecheck. Extraire des modules sans casser Next.js App Router sur projet agence.
Avancé · 4 min
REVUE SEO PAGE
Auditez titles, descriptions et canonicals avec Cursor : rule SEO, templates, corrections par lot. Complément checklist JSON-LD Cosmos Académie pour dev et PO.
Intermédiaire · 4 min
SETUP CURSOR RULES
Configurez Cursor à l’onboarding : rules .mdc versionnées, AGENTS.md et skills. Alignez l’agent IA sur Next.js, React et gouvernance Git en équipe web.
Débutant · 4 min
TESTS SANS CASSER
Tests unitaires Cursor sans any ni contournement strict : Vitest, Testing Library et rules projet. Tests maintenables pour dev en typage TypeScript strict.
Intermédiaire · 4 min
ÉCOCONCEPTION BUDGET POIDS
Fixez des budgets poids, LCP et polices dès Figma. Implémentez next/image et next/font en Next.js, mesurez chaque release avec Cursor : pour PO, dev et ops.
Intermédiaire · 4 min
AUDIT CONTRASTE ACCESSIBILITÉ
Pré-auditez contrastes, tailles et états focus dans Figma avant dev. Plugins, checklist RGAA et traçabilité pour aligner design et recette HTML finale.
Débutant · 4 min
COMPOSANTS RÉUTILISABLES POUR
Construisez composants maîtres, variantes et propriétés Figma alignés sur votre lib React. Auto-layout et documentation pour un handoff sans ambiguïté.
Intermédiaire · 4 min
DESIGN TOKENS VERS
Exportez variables Figma (couleurs, spacing, typo) vers custom properties CSS ou Tailwind. Nommage sémantique, modes light/dark et discipline de PR tokens.
Intermédiaire · 4 min
GRILLE RESPONSIVE FIGMA
Définissez grilles, breakpoints et contraintes Figma pour un handoff responsive CSS/Tailwind cohérent. Container, gutters et frames par viewport documentés.
Intermédiaire · 4 min
HANDOFF DEV SPECS
Exploitez Figma Dev Mode pour un handoff fiable : inspection composants, tokens, assets et annotations. Guide designers et dev front en projet agence web.
Intermédiaire · 4 min
FIGMA NOTION SYNCHRONISER
Documentez chaque composant design system dans Notion : lien Figma, props, accessibilité, statut dev. Process structuré avec option Make pour les rappels.
Intermédiaire · 4 min
PROTOTYPE PARCOURS E-COMMERCE
Prototypage du tunnel achat : PLP, fiche produit, panier, checkout. Interactions, états erreur, tests utilisateur et validation client avant intégration.
Intermédiaire · 4 min
FORMULAIRE CONTACT VALIDATION
Protégez un formulaire contact Next.js : validation client-serveur, honeypot, rate limit, retours accessibles. Server Actions pour sites B2B agence web.
Intermédiaire · 4 min
GEMINI API CAS
Intégrez Gemini API dans vos livrables agence : résumés, classification, génération structurée. Patterns Node.js, clés restreintes et quotas pour équipes dev.
Avancé · 4 min
COMPARATIF LLM POUR
Répartissez les tâches IA entre Gemini, Claude et ChatGPT en équipe agence. Grille décision PO/dev : contexte, multimodal, code, coût et gouvernance données.
Intermédiaire · 3 min
HANDOVER AVEC GEMINI
Préparez un handover client avec Gemini dans Google Workspace : Docs, Drive et Gmail. Modèles de synthèse, checklists et bonnes pratiques PO agence web.
Débutant · 3 min
GOUVERNANCE DES DONNÉES
Cadrez l’usage Gemini en agence : rétention, DLP, IAM et périmètres Workspace. Checklist sécurité pour PO, RSSI et leads dev avant déploiement client.
Avancé · 4 min
GROUNDING GEMINI POUR
Utilisez le grounding Gemini pour briefs éditoriaux et recherches factuelles. Workflow SEO agence : sources vérifiables, angle éditorial et limites GEO.
Intermédiaire · 3 min
LONG CONTEXTE GEMINI
Exploitez le long contexte Gemini pour synthétiser specs, user stories et contraintes techniques. Méthode PO/PM agence web sur projets multi-livrables.
Intermédiaire · 3 min
AUDIT MAQUETTE FIGMA
Auditez une maquette Figma avec Gemini multimodal : cohérence visuelle, accessibilité et écarts specs. Workflow design agence avant handoff développement.
Intermédiaire · 3 min
AUTOMATISER UNE TÂCHE
Créez une tâche ClickUp à chaque soumission formulaire : List cible, champs custom, assigné et checklist. Flux fiable pour PO et PM agence, sans copier-coller.
Intermédiaire · 4 min
ENRICHIR VOS LEADS
Enchaînez formulaire, API d’enrichissement et CRM dans Make. Quotas, retries, champs normalisés et conformité RGPD B2B pour PO et commerciaux en agence web.
Avancé · 4 min
RELIER UN FORMULAIRE
Montez un scénario Make fiable entre formulaire web et HubSpot, Pipedrive ou Airtable. Mapping, validation et logs pour équipes e-commerce et acquisition.
Intermédiaire · 3 min
SÉCURISER VOS SCÉNARIOS
Error handlers, retries et alertes Make sur les scénarios critiques. File de reprise et logs : moins d’échecs silencieux sur leads et syncs CRM.
Intermédiaire · 4 min
MONITORER LES SCÉNARIOS
Surveillez vos exécutions Make : tags P0/P1, logs Airtable centralisés, alertes Slack et revue hebdo. Pour PM et intégrateurs automation en agence web B2B.
Intermédiaire · 4 min
SYNCHRONISER AIRTABLE ET
Synchronisez statuts projet Airtable et Notion avec Make. Flux maître, IDs stables et gestion des conflits pour PM et équipes delivery en agence web B2B.
Avancé · 4 min
TRACER LES UTM
Capturez utm_source, medium, campaign et landing page vers Airtable via Make. Normalisation, lien CRM et recoupement GA4 pour le reporting marketing d’agence.
Intermédiaire · 4 min
ALERTES PROJET SLACK
Webhook Make vers Slack : vérification signature, formatage message et routage par gravité. Alertes projet sécurisées pour PM et ops en agence web B2B.
Intermédiaire · 4 min
BASE DE CONNAISSANCES
Structurez un wiki Notion pour vos devs : ADR, patterns, onboarding et playbooks. Gouvernance, recherche et liens repos pour une agence web multi-projets.
Débutant · 4 min
BASES LIÉES SPECS
Reliez specs fonctionnelles et tâches delivery dans Notion : relations bidirectionnelles, rollups d'avancement et vues par sprint pour piloter le périmètre PO.
Intermédiaire · 4 min
CALENDRIER ÉDITORIAL SEO
Planifiez hubs, tutoriels et notes dans Notion : intent, statut, maillage interne, owner et vues calendrier. Pipeline éditorial aligné sur l'inventaire URLs.
Débutant · 3 min
CHECKLIST RECETTE AVANT
Template checklist Notion pour recette web : accessibilité, SEO, perfs, formulaires, redirects et smoke tests. PO signe avant MEP ; traçabilité par owner.
Débutant · 3 min
NOTION MAKE ARCHIVER
Automatisez l'archivage des briefs Notion livrés via Make : déplacement vers l'archive, métadonnées de clôture et notification PM. Hygiène documentaire agence.
Intermédiaire · 3 min
TEMPLATE RUNBOOK MAINTENANCE
Modélisez un runbook Notion post-livraison : incidents, montées de version, sauvegardes, contacts hébergeur et rollback. Template réutilisable par client web.
Débutant · 3 min
WIKI HANDOVER CLIENT
Wiki Notion de passation post-livraison : accès CMS, procédures éditoriales, support et runbook. Template agence web prêt à dupliquer pour vos projets.
Débutant · 4 min
OPTIMISER LE LCP
Accélérez le LCP Next.js : hero prioritaire, AVIF/WebP, polices next/font subsetées. Méthode mesurable pour dev et PM avant mise en production Vercel.
Intermédiaire · 4 min
RACI ET ASSIGNATION
RACI dans ClickUp pour projets web multi-équipes : Responsible, Accountable, Consulted, Informed. Champs custom, watchers et assignation pour PM et PO.
Avancé · 3 min
REDIRECTIONS 301 CONFIGURATION
Configurez des 301 permanentes Next.js (next.config, middleware) sans boucles. Table de correspondance, tests curl et recette SEO après refonte d’URL.
Débutant · 4 min
REDIRECTIONS CANONICALS ET
Alignez 301, canonicals et politique d’URL sur Next.js. Évitez doublons, chaînes de redirection et fuites crawl après refonte : pour dev, SEO et équipe contenu.
Intermédiaire · 4 min
CHECKLIST METADATA ET
Auditez title, description, canonical, OG et JSON-LD par page Next.js. Checklist Notion et revue Cursor pour PO, SEO lead et développeurs web en agence.
Intermédiaire · 4 min
MAILLAGE INTERNE SEO
Structurez liens internes entre hubs, expertises et tutoriels. Pilotage Notion, champs related* et ancres naturelles : utile au lecteur et au contexte GEO.
Intermédiaire · 4 min
ABONNEMENTS SAAS B2B
Abonnements SaaS B2B Stripe : Products, Prices récurrents, essais et webhooks. Cadrage PO/dev pour facturation récurrente et droits applicatifs clients.
Intermédiaire · 4 min
TABLEAU DE SUIVI
Paiements Stripe centralisés dans Airtable via webhooks Make : statuts, montants, liens client. Tableau PO/support sans export manuel du Dashboard Stripe.
Intermédiaire · 4 min
CHECKOUT SESSION E-COMMERCE
Stripe Checkout sur Next.js : line items, URLs retour et webhooks. Cadrage PO/dev pour un tunnel e-commerce fiable, de la session serveur à la recette paiement.
Intermédiaire · 3 min
CUSTOMER PORTAL POUR
Customer Portal Stripe : self-service B2B factures PDF, paiement et annulation. Réduisez le support agence sur projets SaaS et abonnements récurrents.
Intermédiaire · 3 min
RECETTE MODE TEST
Recette paiement Stripe mode test : clés, cartes simulées, webhooks locaux. Checklist PO/dev : succès, refus, 3-D Secure avant bascule live e-commerce B2B.
Débutant · 3 min
PRIX ET TVA
Prix HT/TTC, TVA intracom et autoliquidation B2B UE avec Stripe Tax. Cadrage dev factures conformes SaaS et e-commerce cross-border sans double imposition.
Avancé · 4 min
WEBHOOKS STRIPE FIABLES
Sécurisez webhooks Stripe : signature, idempotence, scénario Make. Évitez doubles commandes et échecs silencieux. Guide dev/PO pour sync CRM fiable en prod.
Avancé · 4 min
ANIMATIONS ET REDUCED-MOTION
Interactions Webflow compatibles reduced-motion : IX2, Lottie et fallbacks accessibles. Guide designers intermédiaires, recette OS sans exclure utilisateurs.
Intermédiaire · 3 min
COLLECTIONS CMS AGENCE
Modélisez les collections CMS Webflow pour un site agence : champs, templates dynamiques et relations. Guide intermédiaire PO et intégrateurs, sans dette SEO.
Intermédiaire · 3 min
EXPORT CODE ET
Exportez le code Webflow et choisissez l’hébergement adapté. Workflow avancé dev : assets, Git, CDN, limites du clean export et reprise sur mesure progressive.
Avancé · 3 min
FORMULAIRES VERS CRM
Branchez formulaires Webflow au CRM via Make. Scenario e-commerce et acquisition : webhook, mapping, validation, logs et reprise pour équipes intermédiaires.
Intermédiaire · 3 min
HANDOFF RESPONSIVE DEV
Alignez breakpoints et interactions responsive Webflow pour un handoff dev fiable. Grilles, classes et livrables pour designers et intégrateurs en livraison.
Intermédiaire · 3 min
SEO WEBFLOW METADATA
Réglez title, description, Open Graph et sitemap XML dans Webflow. Checklist SEO intermédiaire pour PO et marketeurs : pages indexables, sans fausses promesses.
Intermédiaire · 3 min
STRUCTURE WEBFLOW ET
Structurez Webflow avec sections, composants et classes utilitaires. Méthode agence pour designers débutants : nommage clair, cohérence UI et handoff propre.
Débutant · 3 min
CPT ET CHAMPS
Déclarez des custom post types et champs ACF sur WordPress pour des contenus métier structurés. Cadrage agence web : registres, templates et recette éditoriale.
Intermédiaire · 4 min
FORMULAIRES RGPD ANTI-SPAM
Formulaires WordPress conformes RGPD : consentement, honeypot, CAPTCHA et accessibilité. Guide agence Contact Form 7, WPForms ou Gravity, sans fuite de données.
Intermédiaire · 4 min
MIGRATION CONTENU REFONTE
Migrez contenu WordPress en refonte : export, mapping CPT, redirections 301 et SEO. Méthode agence pour transitions sans perte de trafic organique ni 404.
Avancé · 4 min
PASSATION ÉDITEUR WORDPRESS
Formez un client à WordPress : rôles Éditeur, Gutenberg, médias et garde-fous. Passation agence structurée pour autonomie éditoriale sans risque technique.
Débutant · 3 min
CACHE ET IMAGES
Optimisez WordPress : cache page, images WebP, lazy load et budget poids. Méthode agence pour sites B2B performants sans sacrifier la qualité visuelle.
Intermédiaire · 4 min
SÉCURITÉ WORDPRESS MAJ
Sécurisez WordPress en prod : MAJ contrôlées, rôles, 2FA et durcissement serveur. Checklist agence pour sites B2B exposés, sans compromis sur la maintenance.
Intermédiaire · 4 min
STAGING ET MEP
Déployez WordPress staging vers prod sans casse : sync BDD, fichiers, URLs, cache et recette. Workflow agence pour livraisons B2B maîtrisées et réversibles.
Intermédiaire · 4 min
THÈME ENFANT WORDPRESS
Structurez un thème enfant WordPress pour vos livraisons agence : arborescence, hooks, assets versionnés. Évitez la casse lors des mises à jour du thème parent.
Débutant · 3 min
STRUCTURER CLICKUP POUR
Hiérarchie ClickUp pour projet web : Workspace, Space, Folder, List. Conventions de nommage, droits client et champs utiles au pilotage PO et PM agence.
Débutant · 4 min
Cursor
ChatGPT
