Les Artifacts — construire sans coder
Un Artifact est un contenu interactif (app, dashboard, document, graphique) créé par Claude dans un panneau dédié. Éditable, itérable, partageable — même sans savoir coder.
Types d'Artifacts
| Type | Description | Cas COMEX |
|---|---|---|
| React / HTML | Apps interactives, calculateurs | Simulateur de pricing, dashboard KPIs |
| SVG / Mermaid | Diagrammes, organigrammes | Process map, architecture org |
| Markdown | Documents structurés | Note de synthèse, CR COMEX |
| Apps IA | Artifacts avec intelligence Claude intégrée | Chatbot RH, outil d'analyse interne |
Quelques artifacts que des dirigeants ont fait construire cette semaine (survolez pour mettre en pause) :
Fonctionnalités clés
💾 Stockage persistant
Données conservées entre sessions. Trackers, journaux récurrents.
🔗 Intégration MCP
Connexion Asana, Calendar, Slack via connecteurs.
🌐 Publication
Lien public. Pas besoin de compte. Remix possible.
🤖 Apps IA embarquées
Chatbots, coaches, outils — l'IA de Claude dans votre artifact.
Claude Design — le canvas créatif
Claude Design est un espace dédié qui transforme une idée en interfaces, présentations et pages cliquables. → Voir le module complet Claude Design (08 bis).
Magic Prompteur — réécrivez vos prompts comme le meilleur prompt engineer du monde
Un artifact React qui prend n'importe quel prompt brut et le transforme en 3 versions optimisées de niveau expert, grâce à une IA Claude embarquée directement dans l'artifact. Copiez le prompt ci-dessous, collez-le dans Claude, et votre outil se construit tout seul.
Crée un artifact React (application interactive) nommé "Magic Prompteur" : un outil qui prend un prompt brut et le réécrit à la manière du meilleur prompt engineer du monde, en s'appuyant sur une vraie IA embarquée dans l'artifact (appel à l'API Anthropic depuis l'artifact via fetch, sans clé API à passer). FONCTIONNEMENT - L'utilisateur colle son prompt brut dans une zone de texte. - Un panneau "Réglages experts" (repliable) propose : Rôle/persona (champ libre), Ton (menu : Neutre, Professionnel, Percutant, Pédagogique, Créatif, Direct, Chaleureux, Formel), Format de sortie (Au choix du modèle, Texte, Liste à puces, Étapes numérotées, Tableau, JSON, Markdown), Modèle cible (Claude, ChatGPT/GPT, Gemini, Mistral, Midjourney/image, Générique), Niveau de détail (Concis, Équilibré, Détaillé, Ultra-détaillé). Tous optionnels. - Un bouton "Optimiser mon prompt" envoie le tout à Claude. SORTIE : 3 variantes optimisées, chacune avec un titre, une note d'une phrase expliquant son angle, et un bouton "Copier" : 1. Précis & structuré (contraintes claires, format explicite) 2. Riche en contexte (rôle fort, exemples, garde-fous) 3. Chaîne de raisonnement (pensée étape par étape) APPEL API DANS L'ARTIFACT : POST sur https://api.anthropic.com/v1/messages, modèle claude-sonnet-5, max_tokens 8000. Le system prompt fait de Claude un prompt engineer d'élite qui maîtrise rôle/persona, contexte, contraintes, format, few-shot, critères de réussite et raisonnement étape par étape. Les prompts réécrits sont en français, prêts à coller, adaptés au modèle cible. IMPORTANT — ROBUSTESSE : n'utilise PAS de JSON pour la sortie (les guillemets, accolades et sauts de ligne des prompts générés le cassent). Utilise un format à délimiteurs : chaque variante commence par "===VARIANTE===" avec les champs "ID:", "TITRE:", "NOTE:" puis "---PROMPT---" suivi du texte du prompt (qui peut contenir n'importe quel caractère). Parse en découpant sur ces délimiteurs, et affiche même les variantes partielles si la réponse est tronquée. DESIGN : interface sombre et premium (fond slate-950), dégradés violet/fuchsia/cyan, icônes lucide-react, animations subtiles, entièrement responsive mobile et desktop, en français. Chaque variante a sa couleur d'accent (cyan/violet/ambre) et son icône (cible/couches/cerveau). CONTRAINTES TECHNIQUES DE L'ARTIFACT : composants définis hors du composant principal (sinon perte de focus des champs à chaque frappe). Pas de localStorage/sessionStorage (non supportés dans les artifacts) — état géré en mémoire via useState. Gestion d'erreurs propre avec message utilisateur. Bouton copier avec fallback execCommand.
Le recréer pas à pas — le « Magic Prompteur »
Voici un Artifact concret, utile dès aujourd'hui : il transforme une demande triviale (une ligne jetée à la va-vite) en un prompt complet et structuré, prêt à donner à Claude. C'est l'illustration parfaite d'un Artifact-outil : interactif, réutilisable, et construit sans une ligne de code de votre part.
Magic Prompteur — démo interactive
Tapez une demande basique, choisissez le destinataire, et obtenez un prompt structuré.
Demandez : « Crée un calculateur de ROI : budget, canal, taux de conversion, avec un graphique ».
Résultat attendu : Un outil interactif apparaît dans le panneau ; vous changez un chiffre et le résultat se met à jour.