Claude Code /design : ce que fait l'aperçu de recherche
Le skill /design de Claude Code, un aperçu de recherche (research preview) annoncé dans le récapitulatif de la semaine 34 d’Anthropic (du 17 au 21 août 2026), prend un brief et publie sous forme d’artefact un canvas d’artboards d’interface modifiables ; vous en choisissez un, vous l’ajustez, puis vous demandez à Claude de l’implémenter. Il fonctionne dans la CLI et dans Claude Code Desktop, exige la v2.1.233 ou une version ultérieure, et il est disponible sur les forfaits Pro, Max, Team et Enterprise.1 Comme il publie vers les artefacts, il hérite aussi de leurs prérequis : une session connectée à un compte claude.ai sur l’API Anthropic.5 Au lancement, le dossier public tient en trois courtes pages (le récapitulatif, la description du skill lui-même et la page de disponibilité des artefacts que le récapitulatif met en lien), donc ce premier tour d’horizon reste court : ce qu’Anthropic dit que le skill fait, ce que vous obtenez en retour, ce qu’il exige, et là où s’arrête la surface documentée.
{.answer-block}
L’essentiel
- Une commande, un canvas.
/design <brief>fait rédiger à Claude un design multi-artboards, publié sous forme d’artefact ; Claude affiche le lien quand il a terminé.1 - Deux niveaux de résultat. Là où votre compte autorise l’enregistrement, vous obtenez un éditeur visuel et un bouton Save qui publie une nouvelle version pour tout le monde ; tous les autres reçoivent un aperçu consultable et exportable (PNG/PDF).2
- Le plancher est la v2.1.233 (14 août 2026) sur Pro, Max, Team ou Enterprise, dans la CLI ou Claude Code Desktop, plus les prérequis des artefacts : une connexion claude.ai sur l’API Anthropic, avec CMEK, HIPAA et Zero Data Retention désactivés pour l’organisation.135
- L’aperçu s’arrête au canvas. Ni le récapitulatif ni la description ne listent de flags ou de limites d’artboards ; la description autorise le « re-seeding » sans le définir, et désigne l’Artifact publié comme l’endroit où modifier un canvas existant.24
Que fait le skill /design ?
Le récapitulatif de la semaine 34 d’Anthropic le décrit en un paragraphe : le skill « brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it. » (il porte le flux de travail par artboards de Claude Design dans la CLI et Claude Code Desktop, sur la base des artefacts ; lancé avec un brief, il publie un canvas d’artboards modifiables pour votre interface ; vous en choisissez un, l’ajustez, puis le faites implémenter par Claude).1 L’exemple publié est un brief produit, pas une spécification :
> /design redesign the composer based on what people actually use it for
Claude affiche un lien vers le canvas publié, et la carte du récapitulatif intègre une vidéo de démonstration.1 Vous ouvrez le canvas, choisissez un artboard et indiquez à Claude quelle option implémenter.1 Le skill ne couvre que la première étape, et sa propre description le dit dans sa dernière phrase : « Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact. » (uniquement pour créer ou réamorcer un canvas ; un canvas existant se modifie dans son Artifact publié).2 La deuxième étape se déroule dans l’artefact, et la troisième relève du travail ordinaire de Claude Code sur votre base de code.
La description intégrée au produit fournit la mécanique. Elle qualifie le résultat de « a multi-artboard visual design published as an Artifact that runs Claude Design’s canvas editor (an early preview of Claude Design inside Claude Code) », rédigé « as .dc.html artboards laid out on one pan/zoom canvas » (un design visuel multi-artboards publié comme Artifact qui exécute l’éditeur de canvas de Claude Design, les artboards étant disposés sur un seul canvas à panoramique et zoom).2 Une exécution place tous les artboards sur un canvas unique, chaque artboard étant un fichier .dc.html.
La clause de déclenchement de la description signifie aussi que vous n’avez pas besoin de taper la commande slash. Elle demande à Claude d’utiliser le skill « when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code » (quand quelqu’un veut un design, une maquette, un wireframe, une landing page, une affiche, un flyer, une brochure, une bannière ou toute mise en page visuelle qu’il préférerait retoucher à la main plutôt qu’en code), si bien qu’une demande de maquette en langage courant peut invoquer /design d’elle-même.2
Qu’obtenez-vous en retour ?
La description sépare le résultat selon le compte. Là où votre compte autorise l’enregistrement, « they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone » (chaque élément se retouche visuellement, avec sélection au clic, panneau de propriétés, édition de texte en place et annuler/rétablir, et Save publie une nouvelle version pour tout le monde). Sinon, « they get a view-and-export (PNG/PDF) preview of your draft » (un aperçu du brouillon, consultable et exportable en PNG/PDF).2
La description dépasse aussi l’interface applicative. Elle liste « UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces », avec « posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard » (maquettes d’interface et parcours d’écrans, landing pages, visuels marketing et réseaux sociaux, et supports imprimés : affiches, flyers et brochures en artboards d’une page, mémos et rapports en un seul artboard continu).2 L’exemple du récapitulatif est une interface ; la liste plus large reste la déclaration de périmètre d’Anthropic elle-même.
Que faut-il pour l’utiliser ?
| Élément | Documenté | Source |
|---|---|---|
| Version minimale | v2.1.233 (14 août 2026) ou ultérieure | Récapitulatif, notes de version13 |
| Forfaits | Pro, Max, Team, Enterprise | Récapitulatif1 |
| Surfaces | CLI et Claude Code Desktop | Récapitulatif1 |
| Sortie | Artefact exécutant l’éditeur de canvas de Claude Design | Description du skill2 |
| Format d’artboard | .dc.html, un seul canvas à panoramique et zoom |
Description du skill2 |
| Édition complète | Seulement là où votre compte autorise l’enregistrement | Description du skill2 |
| Solution de repli | Consultation plus export PNG/PDF | Description du skill2 |
| Artefacts : forfait | Pro, Max, Team ou Enterprise ; sur Team, les artefacts sont activés par défaut, et sur Enterprise un Owner les active dans les paramètres d’administration de claude.ai | Disponibilité des artefacts5 |
| Artefacts : authentification | Une session adossée à un compte claude.ai, via /login dans la CLI ou l’application de bureau ; les sessions utilisant une clé API, un jeton de passerelle ou un identifiant de fournisseur cloud ne peuvent pas publier |
Disponibilité des artefacts5 |
| Artefacts : fournisseur de modèle | API Anthropic ; indisponible sur Amazon Bedrock, l’Agent Platform de Google Cloud ou Microsoft Foundry | Disponibilité des artefacts5 |
| Artefacts : politique d’organisation | Clés de chiffrement gérées par le client (CMEK), HIPAA et Zero Data Retention non activés pour l’organisation | Disponibilité des artefacts5 |
| Artefacts : surface | Claude Code CLI 2.1.183 ou ultérieure, ou application de bureau Claude 1.13576.0 ou ultérieure (le plancher CLI est inférieur à celui de /design ; le récapitulatif ne cite aucune version distincte de l’application de bureau) ; désactivés par défaut dans les contextes Agent SDK, GitHub Action et serveur MCP, et lorsque vous définissez CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC |
Disponibilité des artefacts5 |
| Statut | Aperçu de recherche | Récapitulatif1 |
Vérifiez votre build avec claude --version ; le récapitulatif couvre la fenêtre v2.1.234 à v2.1.239, mais fixe l’exigence une version plus tôt.1 Le guide de démarrage rapide couvre l’installation et la configuration de la première session.
Les lignes consacrées aux artefacts comptent parce que le récapitulatif qualifie le skill de « built on artifacts » (bâti sur les artefacts) et met en lien la page de disponibilité depuis sa carte /design, sous « Where artifacts are available ».1 Le cadrage d’Anthropic y est strict : « Artifacts require every condition below. When one is not met, Claude writes a local HTML file or says it cannot publish instead. » (les artefacts exigent chacune des conditions ci-dessous ; quand l’une manque, Claude écrit un fichier HTML local ou dit qu’il ne peut pas publier).5 Une session sur une clé API, ou sur Amazon Bedrock, l’Agent Platform de Google Cloud ou Microsoft Foundry, satisfait le plancher de version et ne peut toujours pas publier le canvas.5 La même page décrit aussi un skill de design intégré distinct, qui met en forme chaque artefact construit par Claude (v2.1.182 ou ultérieure), et qui n’est pas /design.5
Où s’arrête l’aperçu ?
Les trois pages constituent tout le dossier public sur le skill lui-même ; la page produit de Claude Design décrit l’éditeur, pas le skill. Je préfère lister ce qu’elles omettent plutôt que deviner.4
- Aucun flag ni option. Le récapitulatif montre
/designsuivi de prose. Ni le récapitulatif ni la description ne listent de commutateurs pour le nombre d’artboards, la taille du canvas, le cadre d’appareil ou le niveau de sortie. - Aucun nombre d’artboards annoncé. Le « a canvas of editable artboards » du récapitulatif et le « multi-artboard » de la description sont les seules quantités données.
- Le re-seeding, non défini. La description autorise « re-seeding a canvas » (réamorcer un canvas) sans dire ce que cela implique, et désigne l’édition « in its published Artifact » comme la voie pour un canvas existant.2
- Aucune explication du verrou d’enregistrement. La description dit « where saving is enabled for the user’s account » (là où l’enregistrement est activé pour le compte de l’utilisateur) sans nommer les comptes concernés, ni comment le vérifier autrement qu’en lançant le skill.2 La page des artefacts liste qui peut publier tout court ; savoir si les mêmes conditions régissent le niveau d’édition reste non dit.5
- Aucun compte rendu de l’implémentation. Le récapitulatif dit que vous indiquez à Claude quelle option implémenter ; si Claude lit ensuite l’artboard
.dc.htmlou travaille à partir de votre description n’est pas précisé.1
Le récapitulatif étiquette le skill comme aperçu de recherche, donc chacun de ces points peut changer sans préavis.1
Quoi d’autre dans la semaine 34 ?
Deux autres fonctionnalités phares partagent le récapitulatif. Concise est un nouveau style de sortie intégré (v2.1.237) : Claude commence par le résultat et saute le préambule tout en travaillant aussi minutieusement qu’en mode Default, et les rapports d’erreur, avertissements de sécurité et confirmations d’actions destructives restent complets ; définissez "outputStyle": "Concise" dans ~/.claude/settings.json ou choisissez-le dans /config, puis /clear ou démarrez une nouvelle session. Remote Control est aussi sorti de l’aperçu de recherche : toute machine exécutant claude remote-control apparaît comme carte d’appareil dans l’onglet Code de l’application mobile Claude, et un appui dessus y démarre une session.1
FAQ
Qu’est-ce que le skill /design dans Claude Code ?
Un skill en aperçu de recherche qui prend un brief, rédige un design multi-artboards et le publie sous forme d’artefact exécutant l’éditeur de canvas de Claude Design. Vous choisissez un artboard et demandez à Claude de l’implémenter.12
Quelle version de Claude Code faut-il pour /design ?
La v2.1.233 ou ultérieure, publiée le 14 août 2026. Lancez claude --version pour vérifier.13
Quels forfaits peuvent utiliser /design ?
Pro, Max, Team et Enterprise, dans la CLI et Claude Code Desktop.1
Puis-je modifier les artboards produits par /design ?
Seulement là où votre compte autorise l’enregistrement : vous disposez alors de la sélection au clic, d’un panneau de propriétés, de l’édition de texte en place, d’annuler/rétablir et d’un bouton Save qui publie une nouvelle version pour tout le monde. Sinon, vous obtenez un aperçu consultable et exportable (PNG/PDF).2
/design fonctionne-t-il avec une clé API ou sur Bedrock, Google Cloud ou Foundry ?
Pas d’après la documentation. Le skill publie vers les artefacts, et la page des artefacts d’Anthropic indique que les sessions utilisant une clé API, un jeton de passerelle ou un identifiant de fournisseur cloud ne peuvent pas publier, et que les artefacts ne sont pas disponibles sur Amazon Bedrock, l’Agent Platform de Google Cloud ou Microsoft Foundry. Il vous faut une connexion claude.ai sur l’API Anthropic. La page des artefacts dit que Claude écrit alors un fichier HTML local ou signale qu’il ne peut pas publier ; aucune des deux sources ne précise ce que fait /design.5
/design se limite-t-il aux interfaces d’applications ?
Non. La description liste aussi les landing pages, les visuels marketing et réseaux sociaux, les supports imprimés comme les affiches, flyers et brochures, ainsi que les mémos et rapports en un seul artboard continu.2
Points clés à retenir
Pour les ingénieurs produit : - Demandez une maquette en langage courant sur un écran réel ; la clause de déclenchement de la description permet à Claude d’invoquer le skill à partir de cette demande, sans taper de commande slash.2 - Rédigez le brief en prose, comme dans l’exemple d’Anthropic ; l’exemple documenté est de la prose, et ni le récapitulatif ni la description ne listent de flag.1 - Gardez votre propre trace de l’artboard choisi ; le récapitulatif ne dit jamais ce que Claude lit après votre choix.1
Pour les designers : - Confirmez que votre compte autorise l’enregistrement avant de planifier un cycle de revue ; sans cela, le canvas est en consultation et export uniquement.2 - Un flyer d’une page ou un visuel pour les réseaux sociaux est un test aussi valable qu’un parcours d’interface ; les deux relèvent du périmètre annoncé.2
Pour les responsables d’équipe : - Vérifiez la v2.1.233 ou ultérieure sur toute l’équipe, plus les prérequis des artefacts (connexion claude.ai, API Anthropic, ni CMEK, ni HIPAA, ni Zero Data Retention), et attendez-vous à ce que le skill change tant qu’il porte l’étiquette d’aperçu de recherche.135 - Bâtissez votre processus autour des trois étapes documentées uniquement ; flags, limites et re-seeding restent non documentés.4
Une fois qu’un artboard existe, concevoir pour les surfaces d’agents IA couvre les principes d’interaction qu’il doit encore respecter.
-
Anthropic, “What’s new in Claude Code: Week 34, August 17 to 21, 2026” – l’aperçu de recherche
/design(flux de travail par artboards, CLI et Claude Code Desktop, forfaits, exigence v2.1.233, exemple de prompt, lien vers le canvas), le style de sortie Concise (v2.1.237) et les cartes d’appareil de Remote Control. Vérifié le 25 août 2026. ↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩ -
Anthropic, description du skill
designde Claude Code, telle qu’embarquée avec la CLI (métadonnées de skill intégrées au produit ; pas d’URL publique). Citée mot pour mot pour la sortie sous forme d’artefact et d’éditeur de canvas, les artboards.dc.html, le niveau d’édition avec enregistrement activé face au niveau consultation et export (PNG/PDF), et la liste des types de design pris en charge. Vérifié le 25 août 2026. ↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩↩ -
Anthropic, notes de version de Claude Code v2.1.233, 14 août 2026 – citées uniquement pour la date de publication de la version minimale. Vérifié le 25 août 2026. ↩↩↩↩
-
Lecture par l’auteur des sources 1, 2 et 5 au 25 août 2026 ; les lacunes listées sont des absences dans ces documents, pas des affirmations sur le comportement du skill. ↩↩↩
-
Anthropic, “Artifacts”, section Availability : citée pour le tableau des exigences en cinq lignes (forfait, authentification, fournisseur de modèle, politique d’organisation, surface), le cadrage « every condition below » et les exclusions clé API, jeton de passerelle, identifiant de fournisseur cloud, Bedrock, Google Cloud Agent Platform et Microsoft Foundry. Vérifié le 25 août 2026. ↩↩↩↩↩↩↩↩↩↩↩↩↩