Studio Code

Este texto foi traduzido usando IA. Se você deseja ver o texto original em inglês, clique aqui.

O Studio Code é uma ferramenta de codificação agêntica integrada ao aplicativo de desktop Studio e ao Studio CLI.

Ele oferece um chat interativo onde você pode criar, personalizar e gerenciar sites WordPress de forma conversacional, criando temas e plugins, editando arquivos, executando comandos WP-CLI, implantando prévias e publicando seu site.

Primeiros passos

O Studio Code está disponível no aplicativo de desktop Studio e como parte do pacote npm independente Studio CLI.

Studio Code no Studio Desktop

O Studio Code no aplicativo de desktop Studio é integrado a uma interface amigável e familiar, sem necessidade de dependências npm.

Abra o aplicativo de desktop WordPress Studio, clique em um site (ou adicione um novo site) e depois clique na aba “Studio Code”.

Studio Code no Studio CLI

Se você tem o aplicativo de desktop Studio instalado com o CLI habilitado, pode usar diretamente o studio code no terminal.

Caso contrário, você pode executá-lo diretamente com npx:

npx wp-studio@latest code

E pode instalá-lo globalmente para usar studio code diretamente:

npm i -g wp-studio@latest
studio code

Pressione a seta ↓ para trabalhar nos seus sites locais do Studio, ou ↓ e → para trabalhar nos seus sites conectados ao WordPress.com ou ao Jetpack.

Conectar ao WordPress.com

Por padrão, o Studio Code usa a infraestrutura do WordPress.com para gerar respostas de IA. Faça login no WordPress.com para começar — no aplicativo de desktop ou no seu terminal seguindo as instruções abaixo:

1. Execute studio code no seu terminal.
2. Digite /login no chat.
3. Uma janela do navegador será aberta. Faça login na sua conta do WordPress.com e aprove a conexão.
4. Cole o token de autorização de volta no terminal para concluir o login.

Como alternativa, você pode usar sua própria chave de API da Anthropic digitando /api-key no chat.

Usando o Studio Code

Digite sua solicitação em linguagem natural e o agente de IA executará para você, criando arquivos, executando comandos e fazendo alterações no seu site.

Exemplos de fluxos de trabalho

Crie um novo site e personalize-o:

• Crie um novo site WordPress chamado “Meu Portfólio” com PHP 8.2
• Construa um tema de portfólio minimalista com um esquema de cores escuro
• Adicione uma página inicial com uma seção hero e uma grade de projetos

Compartilhe seu trabalho:

• Crie um site de prévia para que eu possa compartilhar com meu cliente
• Atualize o site de prévia com minhas últimas alterações

Publique seu trabalho:

• Publicar o site “My Portfolio” em examplesite.com

O agente pode ler e gravar arquivos no diretório do seu site, executar comandos WP-CLI, tirar capturas de tela do seu site e enviar alterações para o WordPress.com, tudo com base nas suas instruções.

Comandos de barra

Durante a conversa, você pode usar comandos de barra para ações rápidas:

Modelos de IA

O Studio Code oferece suporte a três modelos de IA:

• Claude Sonnet 4.6 (padrão): rápido e eficiente para a maioria das tarefas
• Claude Opus 4.8: mais capaz para tarefas complexas e com várias etapas
• GPT 5.5: rápido e eficiente para a maioria das tarefas, usando OpenAI

Alterne entre modelos a qualquer momento:

• Desktop: selecione no menu suspenso na parte inferior do chat
• Terminal: execute o comando /model

Uploads

Faça upload de imagens e arquivos no Studio Code para usar em todo o seu projeto:

• Desktop: arraste para o chat ou clique no ícone de clipe
• Terminal: arraste para o chat ou aponte para um arquivo ou pasta local específico

Novas conversas

Limpe sua conversa e inicie uma nova:

• Desktop: clique no botão “Nova conversa”
• Terminal: execute o comando /clear

Orientações específicas para o terminal

A versão de terminal do Studio Code possui algumas funcionalidades adicionais:

Provedores de IA

Você pode escolher como as respostas de IA são geradas:

• WordPress.com (padrão): usa sua conta WordPress.com. Nenhuma configuração adicional é necessária além de fazer login. Os limites serão alterados após o acesso antecipado.
• Chave de API da Anthropic: usa sua própria chave de API para acesso direto ao Claude. Configure-a com o comando /api-key.

Alterne entre provedores com o comando /provider.

Sessões

O Studio Code salva automaticamente o histórico de conversas para que você possa continuar de onde parou.

Retomar uma sessão

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

Excluir uma sessão

studio code sessions delete                # Interactive picker

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

Desativar a gravação de sessões

Se você preferir não salvar as conversas, use a flag –no-session-persistence:

studio code --no-session-persistence

Referência de comandos

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

Para ver o conjunto completo de opções:

studio code --help