It works for screen viewing AND PDF rendering (print rules at the bottom). No JavaScript required. ============================================================ */ /* --- Fonts ---------------------------------------------------- Inter — body, UI, default Roboto — display / headings (the site aliases this as "serif") Source Serif 4 — long-form editorial (essays, quotes, callouts) The site loads all three; we keep the same set so any doc matches the website even when mixing display modes. ------------------------------------------------------------ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Roboto:wght@400;500;700;900&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,400&display=swap'); /* --- Tokens (light, default) -------------------------------- */ :root { /* Brand colors — HSL parts as the site uses, plus resolved hex for reference */ --background: 40 10% 98%; /* #FAF9F6 — warm off-white */ --foreground: 0 0% 12%; /* #1F1F1F — near-black */ --card: 0 0% 100%; /* #FFFFFF */ --card-foreground: 0 0% 12%; --muted: 40 5% 90%; /* warm grey panel */ --muted-foreground: 220 9% 46%; /* cool slate body-secondary */ --primary: 32 95% 44%; /* #DB7400 — warm amber accent */ --primary-foreground: 0 0% 100%; --accent: 32 95% 44%; --accent-foreground: 0 0% 100%; --border: 220 13% 91%; --ring: 32 95% 44%; --destructive: 0 84% 60%; /* Type scale (Tailwind-compatible) */ --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; /* Weights */ --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 900; /* Tracking & leading */ --tracking-tight: -0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; /* Spacing — base unit 0.25rem (4px), Tailwind-compatible */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; /* Radius */ --radius: 0.75rem; --radius-sm: 0.375rem; --radius-lg: 1rem; --radius-xl: 1.5rem; /* Elevation */ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06); --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.06), 0 2px 4px -2px rgb(0 0 0 / 0.06); /* Containers */ --content-width: 42rem; /* 672px — comfortable reading column */ --page-width: 56rem; /* 896px — wider page max */ /* Font stacks */ --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-display: 'Roboto', 'Inter', sans-serif; --font-editorial: 'Source Serif 4', Georgia, 'Times New Roman', serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace; } /* --- Tokens (dark) ------------------------------------------- Auto-applies if user prefers dark, or if .dark is on . ------------------------------------------------------------ */ .dark, :root.dark { --background: 20 14% 4%; --foreground: 40 10% 98%; --card: 20 14% 8%; --card-foreground: 40 10% 98%; --muted: 20 14% 12%; --muted-foreground: 220 9% 60%; --border: 20 14% 12%; } @media (prefers-color-scheme: dark) { :root:not(.light) { --background: 20 14% 4%; --foreground: 40 10% 98%; --card: 20 14% 8%; --card-foreground: 40 10% 98%; --muted: 20 14% 12%; --muted-foreground: 220 9% 60%; --border: 20 14% 12%; } } /* ============================================================ Base ============================================================ */ *, *::before, *::after { box-sizing: border-box; } html { font-family: var(--font-sans); font-size: 16px; line-height: var(--leading-normal); color: hsl(var(--foreground)); background: hsl(var(--background)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { margin: 0; font-weight: var(--weight-regular); font-feature-settings: 'cv11', 'ss01'; /* Inter alternates — subtle, on the website */ } /* --- Headings ------------------------------------------------ Roboto for display, tight tracking, weight 700. Use h1 for the doc title only; h2 for section starts; h3 for sub-sections. Don't skip levels. ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: var(--weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); margin: 0 0 var(--space-4); color: hsl(var(--foreground)); } h1 { font-size: var(--text-5xl); font-weight: var(--weight-black); margin-bottom: var(--space-6); } h2 { font-size: var(--text-3xl); margin-top: var(--space-12); } h3 { font-size: var(--text-xl); margin-top: var(--space-8); } h4 { font-size: var(--text-lg); margin-top: var(--space-6); } h5 { font-size: var(--text-base); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: hsl(var(--muted-foreground)); } h6 { font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: hsl(var(--muted-foreground)); } /* First heading after a section start shouldn't have top margin */ section > :first-child, article > :first-child, .page > :first-child { margin-top: 0; } /* --- Body copy ----------------------------------------------- */ p { margin: 0 0 var(--space-4); max-width: var(--content-width); } p.lead { font-size: var(--text-xl); line-height: var(--leading-snug); color: hsl(var(--muted-foreground)); font-weight: var(--weight-regular); } small, .text-sm { font-size: var(--text-sm); } .text-muted { color: hsl(var(--muted-foreground)); } /* --- Links --------------------------------------------------- */ a { color: hsl(var(--primary)); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } a:hover { text-decoration-thickness: 2px; } /* --- Lists --------------------------------------------------- */ ul, ol { margin: 0 0 var(--space-4); padding-left: var(--space-6); } li { margin-bottom: var(--space-2); } li > ul, li > ol { margin-top: var(--space-2); margin-bottom: 0; } /* Dash-style list (signature site pattern: "Term — explanation") */ ul.dash { list-style: none; padding-left: 0; } ul.dash > li { position: relative; padding-left: var(--space-6); } ul.dash > li::before { content: '—'; position: absolute; left: 0; color: hsl(var(--primary)); font-weight: var(--weight-bold); } /* --- Quotes / pull quotes ----------------------------------- */ blockquote { font-family: var(--font-editorial); font-style: italic; font-size: var(--text-xl); line-height: var(--leading-snug); color: hsl(var(--foreground)); border-left: 3px solid hsl(var(--primary)); margin: var(--space-8) 0; padding: 0 var(--space-6); max-width: var(--content-width); } blockquote cite { display: block; margin-top: var(--space-3); font-family: var(--font-sans); font-style: normal; font-size: var(--text-sm); color: hsl(var(--muted-foreground)); } /* --- Code ---------------------------------------------------- */ code, kbd, pre { font-family: var(--font-mono); font-size: 0.92em; } code { background: hsl(var(--muted)); padding: 0.15em 0.4em; border-radius: var(--radius-sm); } pre { background: hsl(var(--muted)); padding: var(--space-4); border-radius: var(--radius); overflow-x: auto; line-height: var(--leading-snug); } pre code { background: none; padding: 0; } /* --- Dividers ----------------------------------------------- */ hr { border: 0; border-top: 1px solid hsl(var(--border)); margin: var(--space-12) 0; } /* --- Tables ------------------------------------------------- */ table { width: 100%; border-collapse: collapse; margin: var(--space-6) 0; font-size: var(--text-sm); } th, td { padding: var(--space-3) var(--space-4); text-align: left; border-bottom: 1px solid hsl(var(--border)); vertical-align: top; } th { font-family: var(--font-display); font-weight: var(--weight-bold); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: hsl(var(--muted-foreground)); border-bottom: 2px solid hsl(var(--foreground)); } /* ============================================================ Components ============================================================ */ /* --- Page shell --------------------------------------------- */ .page { max-width: var(--page-width); margin: 0 auto; padding: var(--space-16) var(--space-8); } /* --- Card --------------------------------------------------- */ .card { background: hsl(var(--card)); color: hsl(var(--card-foreground)); border: 1px solid hsl(var(--border)); border-radius: var(--radius); padding: var(--space-6); box-shadow: var(--shadow-sm); } .card + .card { margin-top: var(--space-4); } /* --- Callout ------------------------------------------------ */ .callout { border-left: 3px solid hsl(var(--primary)); background: hsl(var(--muted) / 0.5); padding: var(--space-4) var(--space-6); border-radius: 0 var(--radius) var(--radius) 0; margin: var(--space-6) 0; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } /* --- Keynote: highlighted "hard concept" callout (decks + notes) --- Use on a slide to flag difficult, verified content with a pointer to the teacher notes for the full detail. Self-contained so it works wherever praxis.css is loaded or inlined. */ .keynote { display: flex; gap: var(--space-3); align-items: flex-start; margin-top: var(--space-5); padding: var(--space-3) var(--space-4); background: hsl(var(--primary) / 0.07); border: 1px solid hsl(var(--primary) / 0.35); border-left: 4px solid hsl(var(--primary)); border-radius: 0 var(--radius) var(--radius) 0; } .keynote::before { content: "\2691"; /* ⚑ flag */ color: hsl(var(--primary)); font-size: var(--text-lg); line-height: 1.1; } .keynote p { margin: 0; font-size: var(--text-sm); line-height: var(--leading-snug); color: hsl(var(--foreground)); } .keynote .kn-label { display: block; font-family: var(--font-display); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wider); font-size: var(--text-xs); color: hsl(var(--primary)); margin-bottom: 2px; } .keynote .kn-see { color: hsl(var(--muted-foreground)); font-style: italic; } /* --- Button ------------------------------------------------- */ .btn { display: inline-block; font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-base); padding: var(--space-3) var(--space-6); border-radius: var(--radius); border: 1px solid transparent; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out; } .btn-primary { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); } .btn-primary:hover { filter: brightness(1.1); } .btn-ghost { background: transparent; color: hsl(var(--foreground)); border-color: hsl(var(--border)); } /* --- Tag / chip --------------------------------------------- */ .tag { display: inline-block; font-family: var(--font-sans); font-size: var(--text-xs); font-weight: var(--weight-medium); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: hsl(var(--muted-foreground)); background: hsl(var(--muted)); padding: var(--space-1) var(--space-3); border-radius: 999px; } .tag-primary { background: hsl(var(--primary) / 0.1); color: hsl(var(--primary)); } /* --- Eyebrow (small label above heading) -------------------- */ .eyebrow { display: block; font-family: var(--font-sans); font-size: var(--text-xs); font-weight: var(--weight-medium); text-transform: uppercase; letter-spacing: var(--tracking-widest); color: hsl(var(--primary)); margin-bottom: var(--space-3); } /* --- Header / brand mark ----------------------------------- */ .brand { font-family: var(--font-display); font-weight: var(--weight-black); font-size: var(--text-xl); letter-spacing: var(--tracking-tight); } .brand .dot { color: hsl(var(--primary)); } /* "Tutto." with orange period */ .doc-header { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: var(--space-4); border-bottom: 1px solid hsl(var(--border)); margin-bottom: var(--space-12); } .doc-header .meta { font-size: var(--text-sm); color: hsl(var(--muted-foreground)); } .doc-footer { margin-top: var(--space-16); padding-top: var(--space-4); border-top: 1px solid hsl(var(--border)); font-size: var(--text-sm); color: hsl(var(--muted-foreground)); display: flex; justify-content: space-between; } /* --- Grid helpers ------------------------------------------- */ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); } .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); } .stack-sm > * + * { margin-top: var(--space-2); } .stack > * + * { margin-top: var(--space-4); } .stack-lg > * + * { margin-top: var(--space-8); } /* --- Slide deck (16:9 landscape) ---------------------------- */ .slide { width: 100%; aspect-ratio: 16 / 9; padding: var(--space-12) var(--space-16); background: hsl(var(--background)); display: flex; flex-direction: column; justify-content: center; page-break-after: always; break-after: page; } .slide.title { justify-content: flex-end; background: hsl(var(--foreground)); color: hsl(var(--background)); } .slide.title h1 { color: hsl(var(--background)); font-size: var(--text-6xl); } .slide.title .eyebrow { color: hsl(var(--primary)); } .slide h2 { font-size: var(--text-4xl); margin-top: 0; } .slide .slide-number { position: absolute; bottom: var(--space-6); right: var(--space-8); font-size: var(--text-xs); color: hsl(var(--muted-foreground)); letter-spacing: var(--tracking-wider); } /* ============================================================ Print / PDF ------------------------------------------------------------ These rules apply when Claude renders the doc to PDF (puppeteer, weasyprint, browser print). Tested at A4. ============================================================ */ @page { size: A4; margin: 20mm 18mm; } @page slide { size: A4 landscape; margin: 0; } @media print { html, body { background: white; color: black; font-size: 10.5pt; } .page { padding: 0; max-width: none; } a { color: hsl(var(--foreground)); text-decoration: none; } a[href^="http"]::after { content: ' (' attr(href) ')'; font-size: 0.8em; color: hsl(var(--muted-foreground)); word-break: break-all; } h1, h2, h3 { page-break-after: avoid; break-after: avoid-page; } p, li, blockquote { page-break-inside: avoid; break-inside: avoid; } .card, .callout { page-break-inside: avoid; break-inside: avoid; } .doc-header, .doc-footer { background: white; } .no-print { display: none !important; } .slide { page: slide; height: 100vh; padding: 18mm 22mm; } }
Tutto.Praxis · deck de présentation
Praxis · le parcours du débutant, construit à partir des cours d'Anthropic

Ce qu'est vraiment l'IA,
et comment bien
s'en servir dès le départ.

Quatorze idées, une par écran, pour quelqu'un qui part de zéro. D'abord la machine, puis ce à quoi se fier, puis ce que rapporte un vrai travail avec Claude.

01
→ ou cliquez pour avancer
Tutto.Où nous allons
Le parcours

Toute la séance sur un seul écran

Quatre temps : voir ce qu'est la machine, savoir à quoi se fier, apprendre à travailler avec, puis l'installer dans votre semaine.

Ce que c'est

  1. 1 Un mot à la fois
  2. 2 Comment il a appris à aider

À quoi se fier

  1. 3 Ses points forts, ce qu'il faut vérifier
  2. 4 Une mémoire qui se remplit

Travailler avec

  1. 5 Un collègue, pas un moteur de recherche
  2. 6 Le brief
  3. 7 La boucle
  4. 8 Dites l'objectif
  5. 9 Montrez-lui la vraie matière
  6. 10 Arrêtez de tout réexpliquer

Ancrer l'habitude

  1. 11 Décidez ce qui reste à vous
  2. 12 Avant de l'envoyer
  3. 13 La suite
  4. 14 Votre première semaine
02
Tutto.Ce que c'est · 1 sur 2
Étape 1 · derrière le rideau

Il écrit un mot à la fois.

Claude n'est pas un moteur de recherche qui va chercher une réponse. Il prédit le mot suivant, encore et encore, à partir de régularités apprises sur une montagne de textes.

La réunion a débordé, on reprend ? les mots suivants les plus probables demain 62 % lundi 21 % ensuite 9 %

Le clavier de votre téléphone fait une petite version de ça depuis des années. Claude, c'est la même idée à une échelle énorme : choisir un mot probable, puis le suivant, jusqu'à ce qu'une réponse existe. Ce seul fait explique presque tout ce qui suit.

03
Tutto.Ce que c'est · 2 sur 2
Étape 2 · d'où viennent les bonnes manières

Il a beaucoup lu, puis on lui a appris à aider.

Deux étapes. D'abord il apprend à prédire du texte sur des milliards d'exemples. Ensuite des humains notent ses réponses jusqu'à ce qu'il se comporte comme un assistant.

Une montagne de texte livres · articles · sites web apprend à deviner le mot suivant Un prédicteur de texte fluide, mais ne sait pas aider des humains notent ses réponses Un assistant répond, signale ses limites, refuse les demandes nuisibles

La politesse et la prudence sont apprises, elles n'ont rien de magique. Le même entraînement laisse des habitudes à connaître : il a tendance à vous donner raison, et à écrire long. Vous pouvez lui demander de vous contredire, et d'être bref.

04
Tutto.À quoi se fier · 1 sur 2
Étape 3 · calibrer, pas croire

Solide sur le travail courant. Vérifiez les affirmations précises.

Parce qu'il prédit ce qui sonne juste, il excelle sur le travail que le monde a vu un million de fois, et il peut énoncer un fait faux avec une confiance totale.

un nom une date un chiffre une source Les lignes grises : ça va. Résumés, brouillons, explications, reformulations. Les zones ambre : à vérifier. Noms, dates, chiffres, citations et liens. Plus une affirmation est précise, plus elle mérite un coup d'œil avant que vous l'utilisiez.

On appelle ça une hallucination : sûr de lui, mais faux. Pas besoin d'en avoir peur, il faut une habitude : vérifier les détails, demander les sources, ou activer la recherche web. Soyez le plus prudent hors de votre domaine, là où vous ne pouvez pas repérer l'erreur.

05
Tutto.À quoi se fier · 2 sur 2
Étape 4 · pourquoi il « oublie »

Il a une mémoire de travail, et elle se remplit.

Tout ce à quoi Claude fait attention tient dans un seul contenant. Ce qui est dedans, il peut s'en servir. Ce qui en sort, il l'a perdu sans le dire.

les parties anciennes sortent, sans prévenir ce que Claude tient en ce moment Une nouvelle conversation part de zéro

Deux habitudes en découlent. Dans les longues conversations, redites ce qui compte au lieu de croire que le début a survécu. Et ne supposez pas qu'il se souvient de la semaine dernière : les corrections ne passent pas d'une conversation à l'autre si vous ne les enregistrez pas quelque part. Le contenant est grand, environ 500 pages, mais il n'est pas infini.

06
Tutto.Travailler avec · 1 sur 6
Étape 5 · rencontrer Claude comme il faut

Traitez-le comme un collègue, pas comme un moteur de recherche.

Pas de syntaxe spéciale, pas de mots magiques. Parlez-lui comme vous briefez un collègue compétent, et donnez-lui du travail qui a de la matière.

Une boîte à questions « Que veut dire ce sigle ? » « Écris un haïku. » de petites réponses à de petites questions Un partenaire de réflexion « Rédige le mail client sur le retard. » « Trouve la tendance dans ce tableur. » « Cherche les failles de mon plan. » travaille avec vous sur de vraies tâches

Le même Claude sur le web, sur l'ordinateur et sur le mobile, et vous restez connecté partout. Le vrai saut n'est pas un meilleur outil, c'est une meilleure classe de tâches : apportez-lui le travail que vous feriez vous-même, pas seulement ce que vous iriez chercher.

07
Tutto.Travailler avec · 2 sur 6
Étape 6 · si vous ne retenez qu'une chose

Un bon résultat commence par un vrai brief.

Claude ne lit pas dans vos pensées. Une bonne demande fait trois choses : elle plante le décor, dit la tâche, donne les règles.

1 · Plantez le décor qui vous êtes, ce qui se passe 2 · Dites la tâche ce que vous voulez obtenir 3 · Donnez les règles ton, longueur, format Je dirige les services clients. Notre intégration logicielle chez un grand compte a deux semaines de retard. Écris un email sur le retard du projet. Professionnel, avec des excuses. Moins de 150 mots. Termine par la nouvelle date de livraison.

Comparez avec « écris un mail sur le retard du projet ». Même demande, sans décor, sans règles : vous obtenez du générique et vous accusez l'outil. La plupart des réponses décevantes sont des demandes mal briefées.

08
Tutto.Travailler avec · 3 sur 6
Étape 7 · la méthode

La première réponse est un brouillon, pas un verdict.

Travailler avec Claude est une boucle : demander, lire ce qui revient, dire quoi changer, recommencer. C'est vous qui décidez quand c'est fini.

Demandez Lisez votre jugement Dites quoi changer Terminé « Bien, mais adoucis le ton » · « Développe le point deux » · autant de tours qu'il faut

Un retour précis vaut mieux qu'un retour vague : « coupe les deux premiers paragraphes » marche mieux que « fais plus court ». Et si une conversation part de travers, repartir à zéro avec un meilleur brief va souvent plus vite que de sauver l'ancienne.

09
Tutto.Travailler avec · 4 sur 6
Étape 8 · l'amélioration que presque tout le monde rate

Dites ce que vous cherchez à obtenir, pas seulement quoi changer.

Une consigne peut être suivie à la lettre et rater votre intention. Donnez l'objectif à côté de la consigne, et l'écart se referme.

Ce que vous avez dit Ce que vous vouliez dire « Fais plus court. » Un lecteur pressé doit voir la demande quand même. « Fais plus professionnel. » Ça part au conseil, plus à l'équipe. « Ajoute du détail. » Développe seulement ce qui aide à décider.

Le correctif en une ligne : « Fais plus court. Mon objectif, c'est que le point clé survive à vingt secondes de lecture en diagonale. » Consigne plus objectif. Ça marche aussi avec les humains.

10
Tutto.Travailler avec · 5 sur 6
Étape 9 · le contexte est le carburant

Montrez-lui la vraie matière.

Ne décrivez pas votre document à Claude. Donnez-le-lui. Il lit les rapports, les tableurs, les images et les présentations, et répond à partir de ce qui s'y trouve vraiment.

rapport-annuel.pdf chiffres-ventes.xlsx tableau-blanc.jpg notes-reunion.docx Claude Ce que vous récupérez le résumé en langage clair la tendance cachée dans les chiffres ce que dit vraiment le schéma le brouillon, ancré dans vos notes

Une conversation tient environ 500 pages, donc « lis ce contrat de 60 pages et signale ce qui sort de l'ordinaire » est une demande normale, pas une prouesse. Le bon contexte transforme un brouillon générique en quelque chose qui ressemble à votre travail, parce que c'en est.

11
Tutto.Travailler avec · 6 sur 6
Étape 10 · configurez-le une seule fois

Arrêtez de vous réexpliquer à chaque fois.

Un projet est un espace de travail où vivent vos fichiers et vos consignes permanentes. Chaque conversation qui s'y ouvre démarre déjà briefée.

Votre projet : « Compte client X » Fichiers déposés une seule fois : charte de marque, contrats, livrables passés Consignes comment vous aimez ça : « toujours en langage clair, toujours finir par les suites » Chaque échange démarre en connaissant les fichiers, en suivant les règles, sans rien redéposer ni répéter

La mémoire de Claude retient aussi votre rôle et vos préférences d'une conversation à l'autre, et vous pouvez revoir ou modifier ce qu'elle contient. Entre les deux, la dixième conversation ne devrait rien avoir à voir avec la première : vous avez arrêté de vous présenter.

12
Tutto.Ancrer l'habitude · 1 sur 4
Étape 11 · le choix de jugement

Décidez ce qui reste à vous.

Bien utiliser Claude commence avant le premier prompt : pour chaque travail, choisissez ce que vous gardez, ce que vous faites ensemble, et ce que vous confiez.

Garder la décision finale tout ce qui est confidentiel tout ce que vous ne pourriez pas vérifier si c'était faux Faire ensemble réfléchir à un problème rédiger et retravailler éprouver un plan donner du sens aux données Confier résumer et reformater les premiers jets de routine le travail de recherche, avec des sources à vérifier

Le but n'est pas de tout automatiser. C'est au milieu que la valeur se concentre : vous apportez l'expertise et l'enjeu, Claude apporte la vitesse et l'ampleur. Si vous ne savez pas où ranger une tâche, demandez à Claude de vous aider à la découper. Cette conversation ne coûte rien.

13
Tutto.Ancrer l'habitude · 2 sur 4
Étape 12 · le standard professionnel

Trois vérifications avant que ça quitte votre bureau.

Un travail assisté par l'IA reste votre travail. Trois vérifications rapides en font quelque chose que vous pouvez assumer.

Vérifiez les détails noms, chiffres, affirmations : vérifiés, pas supposés Dites-le là où votre public s'attend à savoir que l'IA a aidé Signez-le le résultat est à vous, pas à l'outil

Ce que « le dire » veut dire dépend du contexte : un rapport client, une note interne et un mail personnel ne portent pas les mêmes attentes. Sachez où votre entreprise place la limite, et dans le doute, dites-le simplement en bas de page.

14
Tutto.Ancrer l'habitude · 3 sur 4
Étape 13 · l'horizon

Des réponses aux livrables finis.

Tout ça se passe dans une fenêtre de conversation. Les mêmes compétences se transposent aux outils où Claude travaille dans vos vrais fichiers et vous rend des documents finis.

Chat penser tout haut, rédiger, décider Cowork pointez-le sur un dossier et vos outils, décrivez le résultat, récupérez le document fini Code construire un vrai logiciel en le décrivant le moteur derrière Cowork, pour quand vous serez prêt

Le saut, c'est de déléguer, pas seulement de discuter : « regarde les notes de réunion, le fil de mails et la proposition, puis écris-moi le résumé d'une page pour le comité de direction. » Il planifie, avance par étapes, demande avant d'agir, et enregistre le résultat dans votre dossier. C'est pour une prochaine séance ; les compétences d'aujourd'hui en sont la base.

15
Tutto.Ancrer l'habitude · 4 sur 4
Étape 14 · commencez maintenant, commencez petit

Choisissez une tâche cette semaine.

Pas dix. Une tâche récurrente que vous faites déjà : le mail hebdomadaire, les notes de réunion, la vérification du tableur. Passez-la dans la boucle.

Une seule tâche récurrente, réelle, à vous Briefez-le bien décor · tâche · règles Jugez et affinez comparez à votre version Gardez le prompt la semaine d'après : même tâche, meilleur brief, puis une deuxième tâche

Comparer la réponse de Claude à votre propre version est le meilleur professeur qui soit : vous verrez exactement où il vous fait gagner du temps et où votre jugement reste indispensable. Les prompts qui marchent deviennent votre bibliothèque. C'est tout le parcours, une tâche à la fois.

16
Tutto.Praxis · deck de présentation
Toute la séance en une ligne

L'outil prédit des mots.
Le résultat dépend de
la personne qui conduit.

tutto.one/praxis · daniel@tutto.one

17