Aller au guide d’utilisation
ux-copypar Anthropic

UX Copy Skill.

Une skill Claude Code et Codex pour la recherche UX : rédige ou révise les textes d'interface : microcopy, messages d'erreur, états vides, CTA.

  • UX et recherche
anthropics/knowledge-work-plugins · design/skills/ux-copy/SKILL.mdSKILL.md
--- name: ux-copy description: Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text. --- ## Usage ## What I Need From You ## Principles ## Copy Patterns ## Voice and Tone ## Output
Front matter et titres de section lus depuis le fichier source le 14 septembre 2026 · 3 424 caractères au total

01 Ce qu'il fait

Ce que le skill ux-copy fait dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Une passe d'écriture ou de relecture sur le texte d'interface : microcopie, messages d'erreur, états vides, CTA, boîtes de dialogue de confirmation, infobulles, états de chargement et onboarding. Vous fournissez l'écran ou le flux, ce que l'utilisateur essaie de faire et ce qu'il ressent, un ton et d'éventuelles limites de caractères, et l'outil retourne une chaîne recommandée par élément, accompagnée de trois alternatives étiquetées avec ton et cas d'usage, une justification et des notes de localisation.

Ce qui le rend spécifique, c'est qu'il applique des structures fixes plutôt que des suggestions libres : erreurs formulées comme ce qui s'est passé plus pourquoi plus comment corriger, états vides comme ce que c'est plus pourquoi c'est vide plus comment commencer, boîtes de dialogue qui nomment l'action et sa conséquence. Avec les connecteurs, il peut récupérer la voix de marque ou lire le flux dans Figma.

Ce qu'il produit

  • Une chaîne recommandée pour chaque élément nommé de l'écran
  • Un tableau d'alternatives avec les options A, B et C, chacune avec son ton et son cas d'usage
  • Une brève justification expliquant pourquoi le texte fonctionne dans ce contexte utilisateur
  • Des notes de localisation signalant les idiomes à éviter, l'expansion des caractères et le contexte culturel
Voir l'exemple de prompt ↗

Fonctionnement

  1. 01
    Recueillir le contexte en premier

    Avant d'écrire, il demande l'écran, le flux ou la fonctionnalité, ainsi que ce que l'utilisateur essaie de faire et ce qu'il ressent à ce moment-là.

  2. 02
    Passer le texte au filtre de cinq principes

    Clair, concis, cohérent, utile, humain : c'est le filtre que doit passer chaque chaîne proposée.

  3. 03
    Faire correspondre l'élément à son schéma

    CTA, messages d'erreur, états vides, boîtes de dialogue de confirmation, infobulles, états de chargement et onboarding ont chacun leur propre règle dans la section Copy Patterns.

  4. 04
    Adapter le ton à la situation

    Les états de succès, d'erreur, d'avertissement et neutre reçoivent chacun un registre différent plutôt qu'une voix maison unique.

  5. 05
    Retourner la sortie selon le modèle

    Le texte recommandé par élément, un tableau d'alternatives avec trois options, une justification, et des notes de localisation pour les traducteurs.

02 Trouvez celui qui vous convient

Quand utiliser le skill ux-copy

Utilisez le skill ux-copy dans Claude Code ou Codex lorsque le travail est de la recherche UX de ce type. La pertinence et les limites ci-dessous sont tirées du fichier propre du skill.

Bon choix

  • Nommer un CTA, formuler une boîte de dialogue de confirmation, remplir un état vide ou écrire un texte d'onboarding
  • Une erreur d'échec de paiement nécessitant une réécriture en langage simple : "Paiement refusé. Votre carte a été refusée par votre banque.
  • Un produit dont le guide de voix de marque est déjà rédigé, permettant d'aligner le texte sur celui-ci
  • Un écran que vous concevez dans Figma, où le flux et les contraintes de mise en page sont visibles
  • Toute chaîne qui sera traduite et nécessite des notes sur les idiomes, l'expansion et le contexte culturel

Connaître les limites

  • Il ne devinera pas votre contexte : vous devez fournir l'écran ou le flux, l'état de l'utilisateur, le ton et les contraintes.
  • La recherche de voix de marque et le contexte d'écran Figma ne se produisent que si ces connecteurs sont réellement connectés.
  • Les infobulles reçoivent une seule ligne de guidage, sans structure ni exemples derrière elles.

Quoi fournir

  • TonFormel, amical, ludique ou rassurant, ou une description de la voix de votre marque.
  • ContraintesLimites de caractères et directives de plateforme qui encadrent la formulation.
  • Le texte lui-même, en cas de relectureL'invocation prend soit le contexte à partir duquel écrire, soit le texte à relire.

03 Dans le skill

Règles que le skill ux-copy donne à Claude Code et Codex

7 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

  1. Les messages d'erreur ont trois parties

    Structurez-les en indiquant ce qui s'est passé, pourquoi, et comment y remédier, dans cet ordre.

  2. Les états vides ont trois parties

    Indiquez ce que c'est, pourquoi c'est vide, et comment commencer.

  3. Nommez l'action dans les confirmations

    Posez la vraie question dans le titre, par exemple « Supprimer 3 fichiers ? », plutôt qu'un générique « Êtes-vous sûr ? ».

  4. Étiquetez les boutons avec l'action

    Les boutons portent le verbe de ce qu'ils font, donc « Supprimer les fichiers » / « Conserver les fichiers » plutôt que « OK » / « Annuler ».

  5. Les CTA commencent par un verbe

    Ouvrez le libellé avec un verbe et rendez-le spécifique, afin que le résultat corresponde au libellé : « Créer un compte » et non « Envoyer ».

  6. Un terme par chose

    Utilisez les mêmes mots pour les mêmes concepts partout dans l'interface.

  7. Présentez un concept à la fois

    Le texte d'accueil utilise une divulgation progressive plutôt que de tout expliquer d'emblée.

04 Mettez-le en pratique

Installer ux-copy dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter ux-copy à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill ux-copy

Forme générique de la CLI skills pour design/skills/ux-copy/SKILL.md ; le dépôt peut documenter son propre chemin.

Donnez au Skill une Première Tâche de Recherche UX

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

Starter prompt
Write copy for the [checkout] screen. The user just tried to pay and their card was declined, so they are frustrated and need to know what to do next. Tone should be empathetic but not wordy, and the retry button has a [20] character limit on [iOS].

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

  • Lisez chaque ligne pour compter les mots : la version la plus courte qui porte encore le sens complet l'emporte.
  • Demandez-vous, pour chaque mot, s'il aide l'utilisateur à atteindre son objectif.
  • Vérifiez que le texte de chargement définit des attentes et réduit l'anxiété plutôt que de simplement tourner en boucle.
  • Comparez le résultat à la voix de marque que vous avez partagée et ajustez selon l'état émotionnel de l'utilisateur.
  • Vérifiez à nouveau que le contexte fourni était suffisamment précis, par exemple en nommant la condition d'échec plutôt que simplement « message d'erreur ».

Dans OpenDesign, importez ux-copy à partir de son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-le dans la barre supérieure.

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author
Anthropic
Fichier du skill
design/skills/ux-copy/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 8f877b6
License
Apache-2.0 D'après LICENSE.
Étoiles du dépôt
24 012 Instantané GitHub pris le 14 septembre 2026 pour l'ensemble du dépôt anthropics/knowledge-work-plugins, qui contient 7 skills dans ce catalogue. Il ne s'agit pas d'une note ou d'un décompte d'utilisation pour ux-copy.
Vérifié par OpenDesign
2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

  1. UtilisationComment l'invoquer : commande slash prenant le contexte ou le texte comme argument
  2. Ce Dont J'ai Besoin de VousLes quatre éléments à fournir : contexte, état de l'utilisateur, ton et contraintes
  3. PrincipesLes cinq qualités que chaque texte doit avoir : clair, concis, cohérent, utile, humain
  4. Modèles de TexteRègles par élément pour les CTA, erreurs, états vides, boîtes de dialogue, infobulles, chargement, onboarding
  5. Voix et TonComment le ton évolue selon les moments de succès, d'erreur, d'avertissement et neutres
  6. RésultatLe modèle markdown : texte recommandé, tableau d'alternatives, justification, notes de localisation
  7. Si des Connecteurs Sont DisponiblesCe qu'une base de connaissances ou un outil de conception connecté apporte au texte
  8. ConseilsSoyez précis sur le contexte, partagez la voix de marque, tenez compte de l'état émotionnel
Description du skill lui-même
« Rédiger ou réviser du texte UX — microcopy, messages d'erreur, états vides, CTA. Déclenchement avec "write copy for", "what should this button say?", "review this error message", ou lors de la nomination d'un CTA, de la formulation d'une boîte de dialogue de confirmation, du remplissage d'un état vide, ou de la rédaction d'un texte d'onboarding. »

Description du front-matter extraite de SKILL.md. Le fichier complet fait environ 3 424 caractères. Lire le fichier complet sur GitHub.

06 Avant d'installer

Questions sur le skill ux-copy

Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

Peut-il simplement utiliser notre voix de marque existante ?

Seulement si un connecteur de base de connaissances est connecté, auquel cas il récupère vos directives de voix de marque et votre guide de style de contenu, et vérifie les modèles de texte et la terminologie existants. Sinon, vous décrivez la voix dans la demande.

Que reçoit-on exactement en retour ?

Un bloc markdown intitulé UX Copy avec le contexte, un texte recommandé par élément, un tableau de trois alternatives chacune associée à un ton et un cas d'usage, une justification, et des notes de localisation pour les traducteurs.

Peut-il regarder mes écrans réels ?

Si un connecteur d'outil de conception est connecté, il consulte le contexte de l'écran dans Figma pour comprendre le flux utilisateur complet et vérifie les limites de caractères et les contraintes de mise en page issues de la conception. Sans cela, décrivez le flux avec des mots.

UX Copy

Exécuter ux-copy sur une tâche réelle de recherche UX.

Téléchargez OpenDesign, importez ux-copy depuis son lien SKILL.md, collez la consigne ci-dessus, et lisez le plan avant le résultat.

Terminal
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill ux-copy

OpenDesign Desktop

Un seul design system. Votre marque, cohérente partout

Dans le Vibe Design Workspace complet, appliquez les mêmes règles de marque aux sites, slides, prototypes interactifs, dashboards, images et vidéos HTML. Connectez Codex, Claude Code, Cursor et vos autres agents de code locaux, puis créez gratuitement.

  • Sites, slides, prototypes, dashboards, images et vidéos
  • Plus de 140 design systems et la bibliothèque complète de modèles et skills
  • Codex local et plus de 21 agents de code · Gratuit
Télécharger gratuitement

Disponible sur macOS et Windows