Studio Code

Studio Code est actuellement gratuit en version bêta. Les fonctionnalités, les capacités et les limites d’utilisation peuvent évoluer à mesure qu’il se développe.

Studio Code est un outil de codage agentique intégré à l’application de bureau Studio et au Studio CLI.

Il vous offre un chat interactif dans lequel vous pouvez créer, personnaliser et gérer des sites WordPress de manière conversationnelle, en créant des thèmes et des extensions, en modifiant des fichiers, en exécutant des commandes WP-CLI, en déployant des aperçus et en publiant votre site.

Premiers pas

Studio Code est disponible dans l’application de bureau Studio et dans le package npm autonome Studio CLI.

Studio Code dans l’application de bureau Studio

Studio Code dans l’application de bureau Studio est intégré à une interface conviviale et familière, et ne nécessite aucune dépendance npm.

Ouvrez votre application de bureau WordPress Studio, cliquez sur un site (ou ajoutez un nouveau site), puis cliquez sur l’onglet « Studio Code ».

An arrow pointing to the Studio Code tab in the WordPress Studio desktop app

Studio Code dans Studio CLI

Si l’application de bureau Studio est installée avec le CLI activé, vous pouvez utiliser directement studio code depuis le terminal.

Sinon, vous pouvez l’exécuter directement avec npx :

npx wp-studio@latest code

Vous pouvez également l’installer globalement pour utiliser studio code directement :

npm i -g wp-studio@latest
studio code

Studio Code running in a terminal window

Appuyez sur la flèche ↓ pour travailler sur vos sites Studio locaux, ou sur ↓ puis → pour travailler sur vos sites connectés à WordPress.com ou à Jetpack.

Se connecter à WordPress.com

Par défaut, Studio Code utilise l’infrastructure de WordPress.com pour générer les réponses de l’IA. Connectez-vous à WordPress.com pour commencer — dans l’application de bureau ou dans votre terminal en suivant les instructions ci-dessous :

Exécutez studio code dans votre terminal.
Tapez /login dans le chat.
Une fenêtre de navigateur s’ouvrira. Connectez-vous à votre compte WordPress.com et approuvez la connexion.
Collez le jeton d’autorisation dans le terminal pour terminer la connexion.

Vous pouvez également utiliser votre propre clé d’API Anthropic en tapant /api-key dans le chat.

Utiliser Studio Code

Tapez votre demande en langage naturel et l’agent IA l’exécutera pour vous, en créant des fichiers, en exécutant des commandes et en apportant des modifications à votre site.

Exemples de flux de travail

Créer un nouveau site et le personnaliser :

Créer un nouveau site WordPress appelé « My Portfolio » avec PHP 8.2
Créer un thème de portfolio minimal avec un jeu de couleurs sombre
Ajouter une page d’accueil avec une section hero et une grille de projets

Partager votre travail :

Créer un site de prévisualisation pour que je puisse le partager avec mon client
Mettre à jour le site de prévisualisation avec mes dernières modifications

Publier votre travail :

Publier le site « My Portfolio » sur examplesite.com

L’agent peut lire et écrire des fichiers dans le répertoire de votre site, exécuter des commandes WP-CLI, prendre des captures d’écran de votre site et envoyer des modifications vers WordPress.com, le tout selon vos instructions.

Commandes slash

Pendant la conversation, vous pouvez utiliser des commandes slash pour des actions rapides :

Commande	Description	Disponible dans…
`/browser`	Ouvrir le site actif dans votre navigateur	Terminal
`/login`	Se connecter à WordPress.com	Terminal
`/logout`	Se déconnecter de WordPress.com (terminal uniquement)	Terminal
`/api-key`	Définir ou mettre à jour votre clé d’API Anthropic	Terminal
`/model`	Changer de modèle d’IA	Terminal
`/provider`	Basculer entre WordPress.com et l’API Anthropic	Terminal
`/clear`	Effacer la conversation et démarrer une nouvelle session	Terminal
`/exit`	Quitter le chat	Terminal
`/preview`	Envoyer le site actif sur WordPress.com en tant qu’aperçu	Terminal et application de bureau
`/need-for-speed`	Lancer un audit de performance sur votre site	Terminal et application de bureau
`/annotate`	Ouvrir un inspecteur visuel pour annoter les éléments de la page et donner des instructions à l’agent IA	Terminal et application de bureau
`/taxonomist`	Optimiser votre taxonomie de catégories	Terminal et application de bureau

Modèles d’IA

Studio Code prend en charge trois modèles d’IA :

Claude Sonnet 4.6 (par défaut) : rapide et efficace pour la plupart des tâches
Claude Opus 4.8 : plus performant pour les tâches complexes en plusieurs étapes
GPT 5.5 : rapide et efficace pour la plupart des tâches, via OpenAI

Changez de modèle à tout moment :

Application de bureau : sélectionnez-le dans le menu déroulant en bas du chat
Terminal : exécutez la commande /model

Téléversements

Téléversez des images et des fichiers dans Studio Code pour les utiliser dans l’ensemble de votre projet :

Ordinateur : glissez-les dans le chat ou cliquez sur l’icône de trombone
Terminal : glissez-les dans le chat ou indiquez un fichier ou un dossier local spécifique

Nouvelles conversations

Effacez votre conversation et démarrez-en une nouvelle :

Ordinateur : cliquez sur le bouton « Nouvelle conversation »
Terminal : exécutez la commande /clear

Instructions spécifiques au terminal

La version terminal de Studio Code dispose de quelques fonctionnalités supplémentaires :

Fournisseurs d’IA

Vous pouvez choisir comment les réponses de l’IA sont générées :

WordPress.com (par défaut) : utilise votre compte WordPress.com. Aucune configuration supplémentaire n’est requise au-delà de la connexion. Les limites changeront après l’accès anticipé.
Clé API Anthropic : utilise votre propre clé API pour un accès direct à Claude. Configurez-la avec la commande /api-key.

Changez de fournisseur avec la commande /provider.

Sessions

Studio Code enregistre automatiquement l’historique de vos conversations afin que vous puissiez reprendre là où vous vous étiez arrêté.

Reprendre une session

studio code sessions list                  # View all saved sessions

studio code sessions resume                # Interactive picker

studio code sessions resume latest         # Resume the most recent session

studio code sessions resume <id>           # Resume a specific session by ID

studio code sessions list # View all saved sessions studio code sessions resume # Interactive picker studio code sessions resume latest # Resume the most recent session studio code sessions resume <id> # Resume a specific session by ID

Supprimer une session

studio code sessions delete                # Interactive picker

studio code sessions delete <id>           # Delete a specific session

studio code sessions delete # Interactive picker studio code sessions delete <id> # Delete a specific session

Désactiver l’enregistrement des sessions

Si vous préférez ne pas enregistrer les conversations, utilisez l’option –no-session-persistence :

studio code --no-session-persistence

studio code –no-session-persistence

Référence des commandes

studio code                                # Start a new chat session

studio code --path /path/to/site           # Start with a specific site directory

studio code --no-session-persistence       # Start without saving the session

studio code sessions list                  # List saved sessions

studio code sessions resume [id]           # Resume a session

studio code sessions delete [id]           # Delete a session

studio code # Start a new chat session studio code –path /path/to/site # Start with a specific site directory studio code –no-session-persistence # Start without saving the session studio code sessions list # List saved sessions studio code sessions resume [id] # Resume a session studio code sessions delete [id] # Delete a session

Pour l’ensemble des options :

studio code --help

studio code –help

Dernière mise à jour : juillet 03, 2026