En une phrase
La nouvelle commande `/design` pour Claude Code CLI, développée par Anthropic, permet désormais aux développeurs de concevoir des interfaces utilisateur et des systèmes de design directement dans leur environnement de développement, éliminant ainsi le besoin de passer par l'interface web de Claude Design et simplifiant le workflow agentique.
Points clés
- Intégration du design dans le CLI : Anthropic a lancé une nouvelle fonctionnalité en *research preview* permettant à Claude Code de concevoir des interfaces grâce à la commande officielle `/design`. Cette nouveauté élimine la nécessité de quitter l'environnement de Claude Code ou Codex pour générer des maquettes.
- Problème résolu du workflow discontinu : Auparavant, la création de maquettes et de systèmes de design via Claude Design (version web/bureau) interrompait le workflow de développement, obligeant à une exportation manuelle. La commande `/design` permet de tout gérer (génération d'*artboards*, sélection, implémentation) directement dans le *repository*.
- Respect du design system existant : Les tests réalisés montrent que la commande `/design` est capable de générer des *artefacts* (liens hébergés chez Anthropic) qui respectent le *design system* de la plateforme cible, en reprenant les styles, menus et la pagination existants.
- Exemples d'application : La fonctionnalité a été testée pour créer un espace communautaire/forum sur Teachable et pour designer les écrans de configuration DNS ("domaine connect" pour la *user story 72*) sur la plateforme Agent Mail, offrant des options de configuration manuelle ou automatique via des services comme Cloud Flare.
- Amélioration de l'expérience utilisateur : Les maquettes générées, même si parfois proches de l'existant lors des tests, visent à offrir une interface plus claire et intuitive pour des fonctionnalités techniques, comme la gestion des entrées DNS (DKIM, SPF).
Ressources
- Anthropic — l'entreprise derrière Claude Code et Claude Design
- Gemini — agent mentionné
- VS Code — éditeur de code
- Teachable — plateforme de formation utilisée pour une démo
- Cloudflare — service DNS mentionné
- Claude Code CLI — outil de développement
- Claude Design — outil de génération de maquettes
- Codex — outil de développement mentionné
- Agent Mail — plateforme développée par l'orateur