Tive uma ótima conversa com um parceiro de agência, Marco da Arsnova, no estande do WordPress.com no WordCamp Europe há alguns dias. No meio do papo, percebi que o recurso que uso quase todos os dias eliminaria uma das partes mais tediosas do trabalho de uma agência: correr atrás das edições dos clientes, uma captura de tela de cada vez.

Studio Code é um especialista agêntico em WordPress que roda no seu terminal, ajudando você a desenvolver sites, plugins e temas localmente no seu computador. Ele faz parte do conjunto de ferramentas do WordPress Studio. Basta descrever o que você quer em linguagem simples, e ele entra em ação. Pense nele como um desenvolvedor sênior de WordPress ao seu lado, com um conhecimento profundo da plataforma já embutido.

Studio Code em uma janela de terminal com o site Maya's Food Blog selecionado

Um dos meus recursos favoritos do Studio Code é um pequeno e poderoso comando de barra chamado /annotate. 

/annotate rodando em uma janela de terminal com a habilidade carregada

Falei sobre esse recurso com muita gente no estande, pelo Slack e em conversas de corredor com colegas, porque ele resolve um problema que sempre encontro com agentes de código semelhantes: o clássico ciclo de captura de tela, seta e pedido de ajuste.

Sem /annotate:

  1. Meu agente de código cria algo.
  2. Não gosto de alguns elementos, então faço capturas de tela do que não gosto e anoto tudo manualmente com setas. 
  3. Envio as capturas de tela de volta ao agente, explicando as mudanças que quero.
  4. Repito o processo até que o agente de código acerte.

Mas com /annotate:

  1. O Studio Code cria algo. 
  2. Quero fazer algumas mudanças, então digito /annotate.
  3. O comando abre uma janela do navegador onde posso clicar em elementos específicos para deixar feedback, agrupar os comentários e enviar tudo de volta ao Studio Code de uma só vez.
  4. O Studio Code aplica todas as alterações solicitadas de uma só vez.
Um site WordPress aberto em um navegador com uma caixa de anotação aberta no H1

Lembra do Marco, o parceiro de agência que mencionei lá no começo? Enquanto eu demonstrava esse recurso do Studio Code para ele, um colega (o Davi!) observou que usar /annotate durante uma chamada com clientes seria uma mão na roda e proporcionaria uma experiência excelente. 

Imagine a cena: você está em uma chamada com um cliente, compartilhando a tela e apresentando o site que criou para ele. Ele vai apontando as mudanças enquanto vocês conversam. Você adiciona anotações — quantas quiser, com o nível de detalhe de que precisar — e o Studio Code aplica cada edição assim que você terminar.

Chega de ciclos intermináveis de feedback. Uma sessão de /annotate e todas as alterações já estão ativas no seu site local. Depois, você pode fazer push da versão atualizada para o site de produção do cliente, hospedado no WordPress.com, com apenas alguns cliques.

O Studio Code está em versão beta, e você pode testá-lo baixando o Studio CLI (pelo aplicativo para desktop ou diretamente pelo terminal) e executando studio code. Depois, é só selecionar ou criar um site local e executar /annotate para experimentar esse recurso por conta própria.

Vale lembrar: os tokens são ilimitados enquanto o Studio Code estiver em beta — crie, itere e envie seu feedback pelo GitHub.