YOAT Lab
10 · Section 1 · Initiation à Claude

Créer son propre Artéfact

Du besoin à l'export, en passant par l'itération.
Un artefact réutilisable, conçu de bout en bout.

9 minutesatelier completfin de section 1
§ 01 · Définir l'objectif fonctionnel

Une question simple en premier

La bonne question

« Que dois-je pouvoir faire que je ne peux pas faire en 5 minutes aujourd'hui ? » Si la réponse est floue, l'artefact sera flou.

Décrire en termes d'usager

« Un commercial doit pouvoir générer un mail de relance personnalisé en 30 secondes à partir du nom et du contexte du prospect. »

Borner d'emblée

Ce que l'artefact fait. Ce qu'il ne fait pas. Sans cette clarification, vous itérez sans fin.

Mesurer le gain

Combien de temps gagne-t-on à l'usage ? Si la réponse est moins de 5 minutes par utilisation, l'artefact n'en vaut pas la peine.

§ 02 · Démo — le prompt CCDF appliqué
1

Contexte d'usage

Qui utilise, pour faire quoi, dans quel contexte.

2

Consigne précise

« Crée un générateur de mails de relance avec champs personnalisables. »

3

Données et exemples

Fournir 2-3 exemples de mails que vous écrivez actuellement à la main.

4

Format de sortie

Page HTML autonome, champs + bouton Générer, résultat copiable.

claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Good morning, Éric Alain Contexte : commercial chez Cabinet PEDETTI... + claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Contexte : commercial chez Cabinet PEDETTI.Consigne : générateur de mails de relanceavec champs personnalisables.Format : page HTML autonome. CLAUDE Je vais créer un générateur de mailsde relance. Quels champs voulez-vouspersonnaliser dans le formulaire ? Reply to Claude... claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Nom prospect, entreprise, contextedu dernier échange, ton souhaité(formel/cordial), longueur (court/long). CLAUDE Parfait. Je génère le formulaireavec ces champs et le bouton Générer.Voici l'artefact → Reply to Claude... claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Crée une page HTML simple avec un titre et un compteur cliquable. CLAUDE Voici une page HTML autonome avec un titre et un compteur cliquable. → Générateur de mails de relance Copy Publish Mail généré Objet : Suite à notre échange Copier le mail
§ 03 · Itérer sur la forme et le fond

Trois passes typiques

Passe 1

Cohérence fonctionnelle

L'artefact répond-il bien au besoin de départ ? Testez 3 cas réels, repérez les manques. Ajustez la logique.

Passe 2

Robustesse aux cas limites

Champ vide, données aberrantes, prospect inconnu. L'artefact doit dégrader proprement, pas planter.

Passe 3

Soin de l'interface

Espacement, hiérarchie typographique, libellés clairs. C'est la différence entre prototype et outil utilisable.

§ 04 · Démo — itérer sur le générateur
1

Tester un cas réel

Saisir un vrai prospect. Vérifier le mail généré.

2

Repérer un manque

« Le mail ne mentionne pas la date du dernier échange. Ajoute ce champ. »

3

Affiner l'UI

« Sépare les champs en deux colonnes, ajoute une preview en bas. »

claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Crée une page HTML simple avec un titre et un compteur cliquable. CLAUDE Voici une page HTML autonome avec un titre et un compteur cliquable. → Générateur · v1 Copy Publish Test cas réel Un compteur très simple 🟢 Copier claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Crée une page HTML simple avec un titre et un compteur cliquable. CLAUDE Voici une page HTML autonome avec un titre et un compteur cliquable. → Générateur · v2 Copy Publish Date ajoutée Un compteur très simple Copier claude.ai ✻ Claude + New chat 💬 Chats ◫ Projects ★ Artifacts EA Éric Alain Claude Sonnet 4.6 Crée une page HTML simple avec un titre et un compteur cliquable. CLAUDE Voici une page HTML autonome avec un titre et un compteur cliquable. → Générateur · v3 Copy Publish UI affinée Un compteur très simple Copier
§ 05 · Réutiliser pour des cas proches

Un artefact bien conçu est une famille

Variante 1

Mail de prospection à froid

Adaptez l'artefact existant. « Refais le même mais pour des prospects sans historique. » Cinq minutes.

Variante 2

Mail de remerciement post-RDV

Même formulaire, autre objet, autre ton. Demandez à Claude de dériver depuis l'existant.

Variante 3

Mail de relance impayé

Ton plus ferme, mention du retard, échéance précise. Toujours partir de la base, ne pas repartir de zéro.

§ 06 · Documenter et exporter

Pour garder, partager, transmettre

Documenter en 2 lignes

Cas d'usage. Où c'est rangé. Qui peut s'en servir. Une fiche A4 maximum. C'est ce qui rend l'outil transmissible.

Versionner les évolutions

Quand vous modifiez l'artefact, gardez l'ancien. Vous aurez besoin de revenir en arrière au moins une fois.

Publish vs Download

Publish pour partager sans installation. Download pour héberger soi-même. Choisir selon la confidentialité des données traitées.

Fin · Leçon 10 acquise

À tout de suite en section 2

Vous savez concevoir un artefact de bout en bout : du besoin à la documentation. La section 1 est terminée. Place à Claude Code et l'écosystème développeur.

Exercice — appropriation

Identifiez une tâche que vous répétez au moins 5 fois par semaine. Concevez l'artefact qui vous ferait gagner 10 minutes à chaque fois. Du CCDF à la version 3 itérée.

Quiz · Validation des acquis

Quiz · Créer son propre Artéfact

8 questions · une seule bonne réponse par question · vous pouvez recommencer autant de fois que nécessaire.

1 / 8
Question à choix multiple

Quelle est la première étape pour concevoir un artefact utile ?

Cliquez sur lecture pour démarrer.
§00 · Intro 0:00 / 9:00 Voix activée