Studio Code

Studio Code is an agentic coding tool built into the Studio desktop app and Studio CLI.

It gives you an interactive chat where you can build, customize, and manage WordPress sites conversationally, creating themes and plugins, editing files, running WP-CLI commands, deploying previews and publishing your site.

Getting started

Studio Code is available in the Studio desktop app and as part of the standalone Studio CLI npm package.

Studio Code in Studio Desktop

Studio Code in the Studio desktop app is built into a friendly, familiar interface and doesn’t require npm dependencies.

Open your WordPress Studio desktop app, click on a site (or add a new site), and then click on the “Studio Code” tab.

Studio Code in Studio CLI

If you have the Studio desktop app installed with the CLI enabled, you can directly use studio code from the terminal.

Otherwise, you can run it directly with npx:

npx wp-studio@latest code

And can install it globally to use studio code directly:

npm i -g wp-studio@latest
studio code

Press the ↓ arrow to work in your local Studio sites, or ↓ and → to work in your WordPress.com- or Jetpack-connected sites.

Connect to WordPress.com

By default, Studio Code uses WordPress.com infrastructure to generate AI responses. Log in to WordPress.com to get started — in the desktop app or in your terminal by following the instructions below:

1. Run studio code in your terminal.
2. Type /login in the chat.
3. A browser window will open. Log into your WordPress.com account and approve the connection.
4. Paste the authorization token back into the terminal to complete the login.

Alternatively, you can use your own Anthropic API key by typing /api-key in the chat.

Using Studio Code

Type your request in natural language and the AI agent will execute for you, creating files, running commands, and making changes to your site.

Example workflows

Create a new site and customize it:

• Create a new WordPress site called “My Portfolio” with PHP 8.2
• Build a minimal portfolio theme with a dark color scheme
• Add a homepage with a hero section and project grid

Share your work:

• Create a preview site so I can share this with my client
• Update the preview site with my latest changes

Publish your work:

• Publish “My Portfolio” site to examplesite.com

The agent can read and write files in your site directory, run WP-CLI commands, take screenshots of your site, and push changes to WordPress.com, all based on your instructions.

Slash commands

While chatting, you can use slash commands for quick actions:

AI models

Studio Code supports three AI models:

• Claude Sonnet 4.6 (default): fast and efficient for most tasks
• Claude Opus 4.8: more capable for complex, multi-step tasks
• GPT 5.5: fast and efficient for most tasks, using OpenAI

Switch models at any time:

• Desktop: select it from the bottom of the chat in the drop-down menu
• Terminal: run the /model command

Uploads

Upload images and files into Studio Code to use across your project:

• Desktop: drag into the chat or click the paperclip icon
• Terminal: drag into the chat or point to a specific local file or folder

New conversations

Clear your conversation and start a new one:

• Desktop: click the “New conversation” button
• Terminal: run the /clear command

Terminal-specific guidance

The terminal version of Studio Code has a few additional capabilities:

AI providers

You can choose how AI responses are generated:

• WordPress.com (default): uses your WordPress.com account. No additional setup required beyond logging in. Limits will change after early access.
• Anthropic API key: uses your own API key for direct access to Claude. Set it with the /api-key command.

Switch providers with the /provider command.

Sessions

Studio Code automatically saves your conversation history so you can pick up where you left off.

Resume a 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

Delete a session

studio code sessions delete                # Interactive picker

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

Disable session recording

If you prefer not to save conversations, use the –no-session-persistence flag:

studio code --no-session-persistence

Command references

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

For the full set of options:

studio code --help