CommunityRédaction et éditiongithub.com

concrete-copy

À utiliser lors de la rédaction, de l'édition ou de la relecture des mots d'une page web (hero, titres de sections, fiches produits, boutons, microcopie, légendes, méta-descriptions), lorsqu'une page « sonne comme de l'IA », lorsque le client juge le texte vague, pompeux ou trop long, et avant de montrer une page à quiconque. Conserve uniquement les mots qui disent au visiteur ce qu'il obtient, combien cela coûte et quoi faire ensuite, supprime les commentaires et le remplissage, et vérifie le HTML généré pour détecter les indices d'IA. Ne s'applique pas aux articles de blog longs ni à la stratégie publicitaire.

Qu'est-ce que concrete-copy ?

Ce skill guide l'agent IA pour transformer le texte d'une page web en une copie ultra-concrète, adaptée aux visiteurs qui décident en quelques secondes. Il repose sur le principe que les mots sur une page premium ne doivent faire que trois choses : dire ce que c'est, ce que le visiteur obtient (et à quel prix), et quoi faire ensuite. Tout le reste est considéré comme du bruit qui rend la page moins professionnelle. Le skill propose des règles précises (phrases courtes, boutons verbe + objet, preuves chiffrées, vocabulaire cohérent) et une liste d'expressions interdites typiques de l'IA (comme « leverage », « seamless », « game-changer »). Il inclut un script Python, `scripts/copy_lint.py`, qui analyse le HTML final pour détecter automatiquement ces indices d'IA, les phrases trop longues, les boutons vagues, et les marqueurs TODO. L'agent doit aussi linter le code HTML réel, corriger toute erreur et évaluer les avertissements avant de montrer la page à quelqu'un. Le skill fonctionne avec n'importe quel site web statique ou serveur de développement local.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/megwebstudio/studio-kit/tree/HEAD/plugins/studio-kit/skills/concrete-copy

Installed? Explore more Rédaction et édition skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Copie concrète pour sites web

Les visiteurs décident en quelques secondes. Les mots d'une page premium ne font que trois choses : dire ce que c'est, dire ce que le visiteur obtient (et à quel prix), dire quoi faire ensuite. Tout le reste est du bruit qui donne à la page un aspect moins cher et plus lent, quelle que soit la qualité du design.

La page ne contient que ceci

Marque, navigation, étiquettes de sections, noms de produits ou services, prix, spécifications importantes, boutons, et les quelques phrases dont un acheteur a besoin pour décider. C'est la valeur par défaut.

Absent de la page sauf si le client l'a rédigé ou approuvé :

  • des légendes qui décrivent l'image que le visiteur regarde déjà (« Un matin calme dans le studio ») ;
  • des slogans qui commentent le design (« Un cas. Toutes les couleurs. ») ;
  • des instructions sur l'interface (« Défilez pour explorer », « Déplacez la lumière sur le verre ») ;
  • des notes de travail, légendes, « aperçu », « brouillon », « lorem », numéros de version.

Les images et l'interaction doivent porter l'ambiance. Les mots portent les faits.

Le concret a toujours raison

Vague / pompeuxConcret
Là où le temps devient vôtre.Automatique suisse, 40 mm, garantie 3 ans. 4 200 €.
Élevez votre parcours du sourire.Implants en une seule visite. Prix fixe avant de commencer.
Confectionné avec passion depuis toujours.Pâtes fraîches chaque matin. Cuisine ouverte 12h00-14h30, 19h00-22h30.
Débloquez des expériences numériques fluides.Nous construisons votre site en 10 jours. Vous le voyez avant de payer.
Pas juste une salle de sport, c'est un style de vie.Ouvert 6h00-23h00. Première semaine gratuite. Pas de frais d'adhésion.

Test pour chaque phrase : le visiteur peut-il agir dessus, ou la vérifier ? Si ni l'un ni l'autre, supprimez-la ou remplacez-la par un fait.

Règles

  1. Commencez par le nom que le visiteur recherche, puis la preuve (nombre, spécification, garantie, lieu, heure, prix).
  2. Une idée par phrase. Phrases de moins de ~20 mots dans les héros et les fiches.
  3. Les boutons sont des verbes avec un objet : « Réserver une table », « Voir les prix », « Obtenir le devis ». Pas « Découvrir », « En savoir plus », « Envoyer ».
  4. Placez le réducteur de friction à côté du bouton, pas dans un pied de page : « Aucune carte requise », « Annulation gratuite jusqu'à 24h avant ».
  5. Les prix et les horaires font partie de la copie. S'ils existent, montrez-les ; les cacher donne l'impression que c'est cher, dans le mauvais sens.
  6. Les affirmations nécessitent une preuve sur le même écran : « 4,9 sur 312 avis Google » bat « Adoré par nos clients ».
  7. Même mot pour la même chose partout (n'appelez pas cela « session », « rendez-vous » et « visite » sur une même page).
  8. Écrivez dans la langue et le registre du visiteur. Une entreprise locale en Italie reçoit l'italien en premier ; un site multilingue reçoit chaque langue rédigée de manière native, pas une traduction littérale automatique.

Indices d'IA à supprimer avant que quiconque ne voie la page

  • Mots : leverage, seamless, empower, unlock, elevate, robust, actionable, data-driven, cutting-edge, game-changer, journey (pour les voyages non), curated (sauf littéralement), solutions, synergy, delve, tapestry, testament, landscape (non géographique), realm, harness (comme verbe), bespoke (sauf littéralement), world-class, state-of-the-art.
  • Structures : « Pas juste X, c'est Y » ; « Que vous soyez A ou B » ; de fausses fourchettes (« des startups aux entreprises ») ; des triplés qui ne disent rien (« rapide, simple, puissant ») ; des questions rhétoriques en titres ; des attributions vagues (« les experts sont d'accord »).
  • Ponctuation : tirets cadratins utilisés comme effet de rythme ; points d'exclamation dans le corps du texte ; Title Case Sur Chaque Mot. Les éléments de marque choisis par le client restent, même s'ils correspondent à une règle.

Procédure

  1. Lisez le brief et le matériel réel (menu, liste de prix, fiche produit, avis). Les faits viennent de là, jamais inventés. Si un fait manque (prix, horaires, garantie), laissez un marqueur TODO visible pour le client, n'en inventez pas.
  2. Rédigez chaque bloc avec les règles ci-dessus.
  3. Construisez la page, puis vérifiez le HTML réel :
    python3 scripts/copy_lint.py dist/index.html      # ou un dossier, ou http://localhost:5173
    
  4. Corrigez chaque FAIL, évaluez chaque WARN, et lisez la page une fois en largeur de téléphone : le héro doit répondre à « quoi, pour qui, quoi faire ensuite » sans avoir à défiler.

Scripts

  • scripts/copy_lint.py <fichier|dossier|url> [--lang en] : extrait le texte visible (ignore les scripts, styles, éléments cachés marqués aria-hidden ou hidden), puis signale FAIL pour les mots et structures d'IA, les tirets cadratins et les placeholders résiduels (lorem, TODO, TBD), WARN pour les phrases longues, les boutons vagues et les points d'exclamation. Se termine avec le code 1 en cas de FAIL. Bibliothèque standard uniquement.

Pour les frameworks de persuasion, les listes de produits, la copie SEO et les tests de conversion, utilisez conversion-copywriter, seo-specialist et cro-specialist de Studio Kit Pro, s'ils sont installés.

Skills associés