Studio Code

Studio Code es un agente de programación impulsado por IA integrado en Studio CLI. Te ofrece un chat interactivo en tu terminal con el que puedes crear, personalizar y gestionar sitios WordPress de forma conversacional: crear temas, editar archivos, ejecutar comandos de WP-CLI, desplegar vistas previas y publicar tu sitio, todo mediante lenguaje natural.

Primeros pasos

Studio Code está disponible como parte del paquete npm independiente de Studio CLI.

Si tienes instalada la aplicación de escritorio Studio con la CLI activada, puedes usar directamente studio code desde el terminal.

Puedes ejecutarlo directamente con npx:

npx wp-studio@latest code

Y puedes instalarlo de forma global para usar studio code directamente:

npm i -g wp-studio@latest
studio code

Conectar con WordPress.com

Por defecto, Studio Code utiliza la infraestructura de WordPress.com para generar las respuestas de IA. Inicia sesión en WordPress.com para empezar:

1. Ejecuta studio code desde tu terminal.
2. Escribe /login en el chat.
3. Se abrirá una ventana del navegador. Inicia sesión en tu cuenta de WordPress.com y autoriza la conexión.
4. Pega el token de autorización de vuelta en el terminal para completar el inicio de sesión.

Como alternativa, puedes usar tu propia clave de API de Anthropic escribiendo /api-key en el chat.

Usar Studio Code

Una vez iniciado, Studio Code muestra una interfaz de chat interactiva en tu terminal. Escribe tu petición en lenguaje natural y el agente de IA la llevará a cabo: creará archivos, ejecutará comandos y aplicará cambios en tu sitio.

Puedes pulsar la flecha ↓ para seleccionar tus sitios de Studio, o ↓ y → para seleccionar tus sitios remotos de WordPress.com.

Ejemplos de flujos de trabajo

Crear un nuevo sitio y personalizarlo:

> Crea un nuevo sitio WordPress llamado "Mi Portafolio" con PHP 8.2

> Construye un tema de portafolio minimalista con una paleta de colores oscura

> Añade una página de inicio con una sección hero y una cuadrícula de proyectos

Trabajar con un sitio existente:

studio code

Compartir tu trabajo:

> Crea un sitio de vista previa para poder compartirlo con mi cliente

> Actualiza el sitio de vista previa con mis últimos cambios

Publicar tu trabajo:

> Publica el sitio "Mi Portafolio" en examplesite.com

El agente puede leer y escribir archivos en el directorio de tu sitio, ejecutar comandos de WP-CLI, tomar capturas de pantalla de tu sitio y enviar los cambios a WordPress.com, todo ello a partir de tus instrucciones.

Comandos de barra

Mientras chateas, puedes utilizar comandos de barra para realizar acciones rápidas:

Proveedores de IA

Puedes elegir cómo se generan las respuestas de IA:

• WordPress.com (por defecto): utiliza tu cuenta de WordPress.com. No requiere configuración adicional más allá de iniciar sesión. Los límites cambiarán al terminar el acceso anticipado.
• Clave de API de Anthropic: utiliza tu propia clave de API para acceder directamente a Claude. Establécela con el comando /api-key.

Cambia de proveedor con el comando /provider.

Modelos de IA

Studio Code admite dos modelos de IA:

• Claude Sonnet 4.6 (por defecto): rápido y eficiente para la mayoría de las tareas.
• Claude Opus 4.6: más potente para tareas complejas de varios pasos.

Cambia de modelo en cualquier momento con el comando /model.

Sesiones

Studio Code guarda automáticamente el historial de tu conversación para que puedas retomarla donde la dejaste.

Retomar una sesión

studio code sessions list                  # Ver todas las sesiones guardadas

studio code sessions resume                # Selector interactivo

studio code sessions resume latest         # Retomar la sesión más reciente

studio code sessions resume <id>           # Retomar una sesión concreta por su ID

Eliminar una sesión

studio code sessions delete                # Selector interactivo

studio code sessions delete <id>           # Eliminar una sesión concreta

Desactivar el registro de sesiones

Si prefieres no guardar las conversaciones, utiliza el parámetro –no-session-persistence:

studio code --no-session-persistence

Qué puede hacer Studio Code

Studio Code tiene acceso a un conjunto de herramientas que permiten al agente de IA interactuar con tu entorno de WordPress:

Gestión de sitios

• Crear, iniciar, detener y eliminar sitios locales.
• Listar todos los sitios locales y consultar sus detalles.

Operaciones con archivos

• Leer, crear y editar archivos de temas y plugins.
• Buscar archivos por nombre o por contenido.

CLI de WordPress

• Ejecutar cualquier comando de WP-CLI (instalar plugins, gestionar entradas, actualizar ajustes, etc.).

Validación de contenidos

• Validar el contenido de bloques generado para comprobar que es correcto.

Capturas de pantalla y rendimiento

• Tomar capturas de pantalla de tu sitio (escritorio y móvil).
• Ejecutar auditorías de rendimiento con métricas al estilo Lighthouse.

Sitios de vista previa

• Crear, actualizar y eliminar sitios de vista previa en WordPress.com.

Sincronización

• Enviar tu sitio local a WordPress.com.
• Traer un sitio de WordPress.com a tu entorno local.

Importación y exportación

• Importar y exportar copias de seguridad del sitio.

Referencia de comandos

studio code                                # Iniciar una nueva sesión de chat

studio code --path /ruta/al/sitio          # Iniciar con un directorio de sitio concreto

studio code --no-session-persistence       # Iniciar sin guardar la sesión

studio code sessions list                  # Listar las sesiones guardadas

studio code sessions resume [id]           # Retomar una sesión

studio code sessions delete [id]           # Eliminar una sesión

Para ver el conjunto completo de opciones:

studio code --help