Claude : Que peut faire l’IA d’Anthropic ?

Bien que moins connu que ChatGPT, l’IA Claude d’Anthropic mérite qu’on s’y intéresse. J’apprécie particulièrement sa protection intégrée de la vie privée et la qualité de ses résultats. Dans cet article, je vais te présenter certaines fonctionnalités de Claude (comme les Artefacts („Artifacts“) avec des tableaux de bord interactifs ou la génération de graphiques SVG modifiables), partager quelques astuces et expliquer comment utiliser l’API via le „Workbench“.

En bas de l’article, tu trouveras un tableau de bord interactif comparant Claude et ChatGPT. Temps d’investissement : quelques minutes seulement. Tu verras aussi un exemple de calculateur interactif avec sortie PDF, s’aventurant dans le développement web plus complexe. Ou encore des animations 3D générées par IA via des prompts, avec un exemple inclus.

Créer de tels outils par toi-même prendrait beaucoup plus de temps.

L’article est une traduction / transcreation j’faite avec Claude. Pas mal, eh?

L’article se termine par une réflexion intéressante sur „Computer Use“ ¹ d’Anthropic – l’utilisation de l’ordinateur par l’IA – explorant comment l’IA pourrait prendre le contrôle de ton curseur et d’autres entrées. C’est essentiellement l‘automatisation robotisée des processus (en Anglais: la RPA, Robotic Process Automation) poussée à son extrême logique. Assez vertigineux quand on y pense ! Si ça t’intéresse, fais défiler tooooout en bas.

Qu’est-ce que Claude ?

Claude est le chatbot IA d’Anthropic (claude.ai)), basé sur les modèles de langage Claude d’Anthropic. Il est similaire à ChatGPT, Microsoft Copilot ou Google Gemini. Tu peux générer des textes, des graphiques, du code, télécharger des images et „discuter avec des documents“.

Monsieur Claude (ou Madame Claude?) parle bien le Francais.
L’aspect unique : Anthropic a été fondé par des „renégats“ d’OpenAI. Les fondateurs étaient particulièrement préoccupés par la confidentialité des données et l’éthique de l’IA chez leur ancien employeur. En conséquence, Anthropic adhère aux principes suivants, que je trouve louables.

1. Tes données ne sont pas utilisées par défaut comme données d’entraînement pour l’IA. Avec ChatGPT, tu dois désactiver cette option ; avec Google, désactiver n’est pas confortable.
2. Les résultats ne contiennent presque jamais de matériel protégé par des droits d’auteur. Je trouve cela extrêmement important.

Qui est Anthropic ?

Fondée à San Francisco en 2021 par le frère et sœur Amodei, Anthropic est une entreprise d’IA connue pour développer de grands modèles de langage (LLM) sous la marque Claude. Ils se positionnent comme des champions de l’éthique de l’IA. Leur statut de „Public Benefit Corporation“ du Delaware est largement un coup de communication – cela exige simplement d’inclure un objectif de durabilité dans la mission de l’entreprise (et non, cela n’apporte pas d’avantages fiscaux). Comme tous les grands développeurs de LLM, ils sont soutenus par des milliards de capital-risque. Et pour clarifier une erreur courante : c’est Anthropic, pas „Antrophic“. Pense à l’anthropologie, l’humanité, le bien, ce genre de choses.

Que peut faire Claude (et que ne peut-il pas faire) ?

• Claude peut générer des textes de haute qualité et concis (cela inclut la traduction ; cet article a été principalement traduit de l’allemand vers l’anglais, et après vers le francais avec Claude 3.5 Sonnet).
• Claude peut générer du code exécutable (et si le code génère des erreurs, Claude peut – la plupart du temps – le déboguer).
• Claude peut analyser des documents/images avec une grande fenêtre de contexte de 100 000 tokens. 1 token équivaut à environ la moitié d’un mot français (très approximativement).
• Claude ne peut pas générer d’images – mais peut créer des graphiques en SVG (qui sont essentiellement du code).
• Claude ne fonctionne pas avec la voix.
• Claude n’aime pas naviguer sur internet (il tend à ne pas le faire du tout).
• Contrairement à ChatGPT, Claude n’a pas de „plugins“ tiers (= les „GPT“).

Combien coûte Claude ?

• Version gratuite : Claude.ai ne coûte rien ici. L’ensemble des fonctionnalités est parfois aussi étendu que ChatGPT Plus. Génial ! Cependant, Anthropic veut ton numéro de téléphone. Si tu atteins la „Rate Limit“ : Après cinq heures, le compteur se remet à zéro et tu peux continuer.
• Version Pro : 18 € par mois plus TVA. Avec Pro, tu peux utiliser le meilleur LLM Opus, faire 5 fois plus de requêtes que les utilisateurs gratuits (toujours limité !), et créer des „projets“ – très grossièrement comparables aux GPT dans ChatGPT. Cependant, les Projets ont aussi des éléments RAG (Retrieval augmented generation), c’est-à-dire une „base de connaissances du projet“. Super !
• Claude for Work : Offres Equipe („Team“) et Entreprise („Enterprise“). Team coûte 30 $ par utilisateur et par mois (pour une utilisation mensuelle), comme ChatGPT Team. L’achat minimum est de 5 licences par mois ; pour ChatGPT, ce n’est que deux. Les prix Enterprise sont, comme pour tout plan SaaS, négociables.
• API : Les coûts de l’API sont similaires à ceux d’OpenAI, c’est-à-dire pas chers. Tu peux aussi utiliser Claude via Amazon Bedrock ou Google Vertex AI (ou dans le „Model Garden“).

API : Claude a un „Workbench“

Sur https://console.anthropic.com, tu peux utiliser les LLM Claude d’Anthropic sur une base de „paiement à l’utilisation“. C’est principalement destiné aux développeurs qui veulent essayer l’API.

J’utilise souvent le „Workbench“ pour des tâches standard où j’ai besoin de résultats „zero shot“. Il fournit rapidement d’excellents résultats. Cependant, tu dois télécharger de l’argent pour l’utiliser. Un crédit de 10 $ va très loin et peut durer des mois.

Explication de la capture d’écran :

• System Prompt : Le pré-prompt „agentique“, par exemple „Tu agis comme…“
• User : Ton prompt. Très sympa : La fonction „Generate Prompt“ crée un prompt pour toi. Ou consulte mon article sur l’ingénierie de prompts.
  Utilise „Add Message Pair“ pour créer des dialogues plus complexes (ou simuler le comportement de l’utilisateur) ; tu n’en as pas besoin au début.
• Les variables vont entre {{ }}. Exemple : Tu construis une app IA. L’utilisateur devrait obtenir un champ de texte pour l’entrée, qui devient la variable. Un prompt pourrait ressembler à : „Écris un post LinkedIn avec max. 50 mots sur ce sujet : {{Sujet}}.“
  Sauvegarder ce prompt entier économise du travail de frappe, car tu n’as besoin de changer que le contenu de la variable à chaque fois, et tu pourrais construire une vraie app (web) à partir de là (ou un script batch ou similaire). C’est à ça que sert le bouton „Get Code“, qui crache ton „GPT“ en Python, que tu peux marier avec un Gradio Notebook dans HuggingFace Spaces, entre autres.
• Le bouton avec les curseurs de réglage offre le choix du modèle de langage (par exemple, Sonnet ou Opus), la possibilité de régler la „Temperature“ (0 est factuel, 1 est créatif), et le nombre maximum de tokens. L’article ici, c’est environ 5 000 token, et le maximum de token est normalement 8 192.
• „Run“ lance l’“app“.

Peux-tu générer des images avec l’API Claude d’Anthropic ? En quelque sorte. Pas des images directement visibles.

Mais tu peux générer du code pour des SVG. Prompt : „Tu es un programmeur SVG…“ Ça marche !

Pour voir le code SVG généré, copie le code dans le presse-papiers, crée un document vide (par exemple avec le Bloc-notes), et enregistre le fichier en .svg. La plupart des programmes graphiques – ou des navigateurs – peuvent ouvrir le fichier.

Pour integrer des SVG en WordPress ou des CMS autres : Simplement crée, et utilise, un bloc pour HTML pour le code.

Le graphique ressemble à ceci :

Un peu basique, oui, mais imagine un générateur de graphiques PPT dans ton intranet… pré-prompté à tes couleurs et polices d’entreprise, etc.

Quel LLM se cache derrière Claude ?

Anthropic a ses propres modèles de langage IA (LLM), à savoir la série Claude. Les LLM les plus importants sont :

• Haiku : Les haïkus sont de courts poèmes japonais. Claude Haiku est par conséquent l’IA rapide, qui ne peut pas faire autant.
• Sonnet : C’est le modèle de langage de milieu de gamme. Je le trouve très bon et j’aime l’utiliser.
• Opus : C’est le modèle de langage „lourd“. Les coûts pour les appels API sont plus élevés, et les résultats ne sont pas nécessairement meilleurs qu’avec Sonnet.

Aperçu des Artefacts de Claude

flowchart LR
    A[Artefacts Claude] --> B[Code]
    A --> C[Documents]
    A --> D[Graphiques]
    A --> E[Contenu Web]

    B --> B1[Python]
    B1 --> B1a[Analyse de données]
    B1 --> B1b[Apprentissage automatique]
    B --> B2[JavaScript]
    B2 --> B2a[Logique frontend]
    B2 --> B2b[Backend Node.js]
    B --> B3[Autres langages]
    B3 --> B3a[Java]
    B3 --> B3b[C++]
    B3 --> B3c[Ruby]

    C --> C1[Markdown]
    C1 --> C1a[Documentation]
    C1 --> C1b[Fichiers README]
    C --> C2[Texte brut]
    C2 --> C2a[Scripts]
    C2 --> C2b[Fichiers de configuration]

    D --> D1[SVG]
    D1 --> D1a[Logos]
    D1 --> D1b[Icônes]
    D --> D2[Diagrammes Mermaid]
    D2 --> D2a[Organigrammes]
    D2 --> D2b[Diagrammes de séquence]
    D2 --> D2c[Diagrammes de Gantt]

    E --> E1[HTML]
    E1 --> E1a[Pages web statiques]
    E1 --> E1b[Modèles d'e-mails]
    E --> E2[Composants React]
    E2 --> E2a[Éléments d'interface utilisateur]
    E2 --> E2b[Tableaux de bord interactifs]

    style A fill:#f9f,stroke:#333,stroke-width:4px

Artefacts : Une fonctionnalité cool

Les Artefacts de Claude sont des sorties qui apparaissent à droite de ton chat.

J’aimerais que l’entrée soit plus accrocheuse? Je le demanda a gauche, et je peut voir le resultat a droite.

Claude a des compétences en programmation 3D

Cette animation 3D (avec interface) d’un „glacier“ vient de Claude : Claude sélectionne la bibliothèque JavaScript appropriée (three.js) et code tout. J’ai fait adapter spécialement le code pour qu’il fonctionne par copier-coller dans WordPress. Effort de codage : Zéro. Ça marche directement. Bien sûr, quelques itérations sont nécessaires. Claude maîtrise aussi l’art du débogage ; la correction des erreurs fonctionne généralement.

Claude peut générer des graphiques !

Claude ne peut pas peindre (comme ChatGPT avec Dall-E, ou Gemini avec Imagen), mais il peut dessiner – ce que je trouve beaucoup plus précieux ! J’ai demandé à Claude de créer une infographie comparant Claude vs ChatGPT.

Intéressant : Claude „programme“ un fichier SVG en arrière-plan.

Voici à quoi ressemble le résultat (c’est en allemand, mais tu comprends l’idée) :

Le graphique est élégant, mais il compare des pommes et des oranges.

Tu peux entrer ce feedback dans les Artefacts :

„Change le graphique : Compare les fonctionnalités 1:1“

Que se passe-t-il ? Claude redessine le graphique et rend la comparaison bien meilleure.

Le bon côté avec les SVG, c’est que c’est du code. Cela signifie que tu peux parler à l’IA, qui modifie ensuite le code. Et : Tous les textes sont du code, donc la traduction des graphiques peut être faite avec l’IA.

Mais attends ! Il manque quelque chose. Claude oublie de mentionner qu’il peut générer des SVG. Et ChatGPT a quelque chose comme les Artefacts, à savoir Canvas.

Le prompt de raffinement : „Inclus ‚ChatGPT Canvas‘ dans la comparaison. Et mentionne que Claude peut créer des graphiques sous forme de SVG modifiables„

Bon. Les infos sur Canvas sont légèrement improvisées.

Ces „Artefacts“ peuvent être partagés via un lien.

Exemple: https://claude.site/artifacts/75d5ec63-ed18-4a94-8c31-b5ed774f73b7

En tant qu’utilisateur, tu peux ensuite „remixer“ le contenu. Essaie, par exemple, de faire changer la langue du graphique par Claude.

Claude peut aussi créer des tableaux de bord interactifs

Si tu télécharges le code pour cela : C’est un fichier .tsx (TypeScript) basé sur React. Ici, tu peux cliquer dans le tableau de bord interactif :

https://claude.site/artifacts/18596bf3-a4cf-43bc-b0d4-66d796442cae

Claude peut créer des organigrammes

La génération d’organigrammes avec Claude fonctionne via Mermaid. C’est très élégant, car Mermaid est un langage de script simple et lisible pour les organigrammes – et l’intégration dans les sites web fonctionne (dans WordPress assez facilement via le plugin „MerPress“).

Exemple : Cet organigramme explique comment fonctionnent les Artefacts de Claude :

graph TD
    A[Instruction Système] -->|Définit les règles pour| B[IA Claude]
    B --> C{Requête Utilisateur}
    C -->|Répond aux critères d'artefact| D[Créer l'Artefact]
    C -->|Ne répond pas aux critères d'artefact| E[Réponse Standard]
    D --> F[Générer le Contenu de l'Artefact]
    F --> G[Aperçu de l'Artefact]
    G --> H{Es-tu satisfait ?}
    H -->|Oui| I[Artefact Final]
    H -->|Non| J[Tu donnes ton retour]
    J --> K[Modifier l'Artefact selon le retour]
    K --> G
    I --> L[L'Artefact peut être utilisé/modifié davantage]

Super cool : Le „code généré“ est extrêmement court avec Mermaid.

Et devine quoi : L’organigramme original était en allemand. Combien de temps a-t-il fallu pour en faire une version anglaise ? 5 secondes. Simplement parce que tu dis à Claude : „Traduis cet organigramme Mermaid en francais“, et tu obtiens du code Mermaid traduit et fonctionnel.

graph TD
    A[Instruction Système] -->|Définit les règles pour| B[IA Claude]
    B --> C{Requête Utilisateur}
    C -->|Répond aux critères d'artefact| D[Créer l'Artefact]
    C -->|Ne répond pas aux critères d'artefact| E[Réponse Standard]
    D --> F[Générer le Contenu de l'Artefact]
    F --> G[Aperçu de l'Artefact]
    G --> H{Es-tu satisfait ?}
    H -->|Oui| I[Artefact Final]
    H -->|Non| J[Tu donnes ton retour]
    J --> K[Modifier l'Artefact selon le retour]
    K --> G
    I --> L[L'Artefact peut être utilisé/modifié davantage]

Et encore mieux : Comme c’est juste du texte, l’organigramme est super facile à modifier.

C(lau)ode : Claude peut programmer

Regarde mon article anglais avec le calculateur de coût de licence Chat GPT.

Claude l’a créé. En HTML & JavaScript. Comme une vraie solution no-code que j’ai simplement intégrée ici dans WordPress via copier-coller. Le calculateur a une logique non triviale intégrée et fonctionne parfaitement.

Bien sûr, c’est une application simple, mais Claude est très capable pour un LLM MoE (Mixture of Experts). Tu trouveras de nombreux autres exemples de codage de Claude sur le web, y compris des jeux HTML5 et ce genre de choses.

Les LLM de codage spéciaux comme Codestral de Mistral ont toujours leur raison d’être.

Programmation web avec Claude

Sur ma page d’atterrissage pour les formations en IA – KI-Schulungen (en allemand) – j’ai un configurateur où tu peux définir toi-même les priorités pour ta formation IA individuelle. À la minute près, avec des dépendances intégrées. Le point fort : Le résultat peut être sauvegardé / exporté en PDF.

Tout cela peut être créé avec l’IA Claude.

La génération PDF dans cet exemple est rudimentaire. Cependant, il est facile de „demander“ à Claude des éléments supplémentaires comme des logos, des URL, des textes supplémentaires, etc. Si ton prompt est mauvais, il sera automatiquement amélioré.

Exemple : Tu veux que ton logo fasse 150×150 pixels. C’est une spécification stupide pour un PDF A4. Claude le recalcule automatiquement – à 72 dpi, la taille du logo est de 50×50 mm – et commente cela dans la sortie du chat et dans le code source. Comme le code est du HTML simple (ou du script), les modifications sont absolument faciles.

Le nouveau superpouvoir de Claude : Le contrôle de l’ordinateur (RPA sur stéroïdes)

Imagine une IA qui ne se contente pas de discuter – elle contrôle réellement ton ordinateur. C’est ce que fait la fonction „Computer Use“ de Claude. Elle voit à travers les captures d’écran, les lit via OCR, et manipule la souris et le clavier. En gros, c’est l’IA qui se transforme en robot numérique, poussant la RPA (Robotic Process Automation) au niveau supérieur.

La RPA traditionnelle est déjà assez impressionnante – elle scanne des documents, reconnaît des motifs comme les IBAN, et les traite via des API. Mais elle nécessite une sérieuse puissance cérébrale pour être mise en place, exigeant une programmation soignée et des interfaces logicielles compatibles (jette un œil à Make, Zapier, Power Automate, ou UiPath si tu es curieux).

Voici où l’IA générative change la donne : Au lieu de se battre avec des API, elle utilise la même interface que nous, les humains – parce que ça marche toujours.

Le processus ? Simple. Tu tapes ta demande, et l’IA la décompose en trois parties :

• Planifier les étapes
• Comprendre ce qui est à l’écran
• Utiliser des yeux, une souris et un clavier virtuels pour accomplir la tâche

Regarde cette animation :

Fait amusant : Claude a créé cette animation lui-même, en utilisant la RPA pour comprendre que le champ „Quantité de commande“ nécessitait la saisie de „2 000“. Cela montre que tu peux utiliser l’API de Claude pour l’automatisation même sans contrôle direct de l’ordinateur.

Mise en garde : C’est encore en version bêta, bogué, et pas prêt pour les utilisateurs occasionnels. Considère cela comme un aperçu technologique.

Bien sûr, tu pourrais penser „Je peux copier-coller très bien“. Mais imagine cela à l’échelle d’une organisation de 5 000 employés. Pense à tous ces emplois administratifs où les gens transfèrent des données du Document A au Logiciel B.

Beaucoup de ces emplois ? Ils sont en voie d’extinction, et plus tôt que tu ne le penses.

Conclusion

Claude d’Anthropic peut faire beaucoup de choses vraiment bien. J’aime l’utiliser, surtout en combinaison avec le Workbench facile à utiliser. Les GPT tiers manquent, bien sûr. Et la génération d’images aussi. Pour ça, je préfère utiliser Bria.ai ou similaire de toute façon.

À propos de l’auteur

Stefan Golling , Köln (Cologne) , Allemagne : Copywriter / Rédacteur Web freelance / indépendant & Directeur créatif avec plus de 20 ans et 100 + marques d’expérience . J’ai , par example , travaillée pour ou avec des grandes agences de pub comme Publicis et Havas .

Get in contact

1. https://www.anthropic.com/news/developing-computer-use ↩︎