En este episodio repasamos el stack de inteligencia artificial que dos profesionales de WordPress usan a diario para desarrollar, diseñar y automatizar. No es una comparativa teórica: son herramientas que están en producción, con cifras reales de coste y con limitaciones conocidas. Desde cómo Codex resolvió un takedown en SoundCloud que llevaba mes y medio atascado hasta el nuevo builder Thinkcor de Crocoblock con MCP nativo, pasando por la estrategia de subsidio que permite usar modelos potentes pagando mucho menos de lo que consumen.
Codex en acción: cuando la IA hace lo que la interfaz no deja
Una de las anécdotas más ilustrativas del episodio es cómo Codex generó un script de consola para ejecutar un takedown en SoundCloud que la interfaz web no permitía hacer. Tras mes y medio sin respuesta de soporte, Elías pidió a Codex que investigara la API disponible, generara el código y le permitiera pulsar el botón que faltaba. El resultado: el takedown se ejecutó en minutos.
Pero Codex no solo sirve para scripts puntuales. Elías también creó con él un mini cliente WordPress REST como skill reutilizable: un script que, con solo una contraseña de aplicación y las variables de entorno, permite crear posts, gestionar contenido y conectarse a cualquier WordPress sin necesidad de un plugin MCP ni un servidor intermedio. La idea es simple: si WordPress ya expone su API REST, ¿para qué añadir una capa más?
Codex frente a OpenCode: dos interfaces, filosofías distintas
Codex es una interfaz avanzada de ChatGPT pensada para programar: acceso a archivos del disco, MCPs, gestión de ramas Git y elección de modelo (desde el 5.4 en adelante). Funciona con carpetas y tareas, y permite crear e instalar skills directamente desde la interfaz. Su limitación principal es que solo ofrece modelos de OpenAI.
OpenCode, en cambio, permite conectar múltiples proveedores de IA y elegir el modelo que quieras en cada momento. Esa flexibilidad es clave cuando quieres optimizar coste y rendimiento: puedes usar un modelo potente para planificar y uno más ligero para ejecutar. Elías usa OpenCode como herramienta principal de desarrollo diario precisamente por esa libertad, mientras reserva Codex para tareas más concretas donde la integración con el ecosistema OpenAI resulta cómoda.
Una diferencia práctica importante: OpenCode consume menos tokens por sesión que Codex, en parte porque no realiza las mismas operaciones de verificación en navegador. Además, OpenCode permite perfiles de terminal por proyecto (directorio de inicio + comando de arranque), el operador `!` para ejecutar comandos de consola dentro de la interfaz, y agentes personalizados como Explorer y General que funcionan como subagentes dependientes del hilo principal.
Bricks 2.4 beta: MCP nativo, abilities y CSS interpretado
La versión 2.4 de Bricks, actualmente en beta, introduce cambios significativos que apuntan directamente a la integración con IA:
- Panel de IA con MCP nativo: un asistente integrado para conectar con Kilo, Cursor u otros entornos y recibir código directamente en el builder.
- Sistema de abilities: habilidades cargadas desde un repositorio de GitHub que amplían lo que el asistente puede hacer dentro de Bricks.
- Gestor unificado de componentes y templates: importación y exportación global, con sincronización bidireccional entre el código CSS y los paneles visuales.
- CSS interpretado automáticamente: el CSS que genera la IA o que se escribe en el panel de custom CSS se traduce directamente a las casillas de la interfaz visual.
- Personalización de interfaz por perfil de usuario y mejoras significativas en WooCommerce (checkout, mi cuenta) con mayor granularidad.
Es un paso claro hacia la integración directa entre agentes de IA y el builder, sin necesidad de pasar por el navegador para ver resultados.
CrocoBuilder de Crocoblock: un nuevo builder AI-native
Crocoblock ha lanzado CrocoBuilder, su nuevo builder para WordPress, y la primera impresión es que nace con bases sólidas que otros builders ignoraron al salir:
- Salida DOM atómica (un nodo, un elemento del builder) sin wrappers innecesarios.
- Gestor de clases CSS nativo, algo imprescindible en 2026 que no debería ser novedad.
- Control unificado de estilos con traducción directa a CSS.
- Pestaña dev con control de código, para quienes necesitan ver y editar lo que el builder genera.
- Conexión MCP integrada con un asistente de IA dentro del propio builder.
- Versionado por GitHub (próximamente) para llevar control de versiones real al trabajo con contenido frontend.
Está en early access con un 40% de descuento. Crocoblock tiene trayectoria con productos como JetEngine y Flex, así que merece la pena seguir de cerca cómo evoluciona.
Sistema de diseño por capas: cómo Yan trabaja con Stitch y MCP
Yan presentó su sistema de diseño asistido por IA, que separa el trabajo en cuatro archivos con propósitos distintos:
- Dirección de arte: qué se quiere transmitir, tono, referencias visuales.
- Framework CSS: clases, componentes, degradados, variables.
- Mapeo de componentes: en qué ocasión usar cada clase, en qué templates va cada elemento, qué significan los nombres.
- Framework UI: desglose técnico de todos los elementos reutilizables.
La clave está en que los agentes no reciben solo «usa este CSS»: reciben instrucciones precisas sobre cuándo usar cada clase y dónde aplicarla. Esto reduce drásticamente las invenciones de la IA y mantiene la coherencia visual.
El flujo de trabajo usa Stitch con MCP integrado en VSCode: Yan genera prototipos, edita contenidos y ve vistas previas sin salir del editor. Stitch trabaja con agentes en paralelo (muy rápido) y permite transformar el Tailwind de salida al framework propio mediante skills personalizadas. El proceso es: aprobar el HTML → aprobar el framework CSS → generar todos los templates → pasar a PHP. Las decisiones de diseño se hacen antes de tocar código, y cualquier cambio posterior se integra en el framework para no perder coherencia.
Estrategia de subsidio IA: modelos buenos por una fracción de su coste
Uno de los bloques más prácticos del episodio fue la estrategia de subsidio: cómo usar modelos de IA potentes pagando mucho menos de lo que realmente consumen. Las cifras que Elías compartió son reveladoras:
- ChatGPT Plus ($20/mes): el uso real medido por Codex fue de ~$80 en 30 días. Con resets incluidos y 4 resets personalizados disponibles, el subsidio es evidente.
- OpenCode Go ($10/mes): ofrece $60 de valor en modelos. Primer mes a $5. Modelos de DeepSeek, GLM, Kimi, MiniMax y otros.
- Kilo Pass ($10/mes): rota modelos gratuitos cada pocas semanas. Requiere estar atento, pero a veces aparecen modelos muy capaces sin coste adicional.
- OpenRouter: con $10 de crédito puntual se pasa de 50 mensajes gratis a 1000. Suficiente para uso moderado.
La estrategia es clara: usar los modelos buenos (los subsidiados) para planificar y tareas complejas, y modelos más ligeros para ejecución rutinaria. Y aprovechar que OpenCode permite cambiar de modelo en cualquier momento para adaptar el coste a la tarea.
Un apunte práctico: Handy, la app de transcripción para Mac, ahora soporta modelos con streaming y postprocesado por API. Elías habla en español y un prompt con OpenRouter traduce a inglés técnico en tiempo real, con un coste de centésimas de céntimo por traducción.
Recursos y herramientas mencionadas
- NameThatUI — galería visual de nombres de componentes de interfaz web, útil para cuando no sabes cómo se llama ese elemento que quieres pedirle a la IA.
- Codex resets details skill — skill que muestra cuándo caduca el siguiente reset personalizado en Codex.
Cierre
El episodio deja varias ideas claras. La ventaja competitiva en 2026 no está en qué herramienta de IA usas, sino en el sistema de trabajo que construyes alrededor: skills reutilizables, mapeo de componentes, estrategia de subsidio y diseño por capas antes de tocar código. Las herramientas cambian rápido —Bricks añade MCP, Crocoblock lanza un builder nuevo, OpenCode conecta proveedores— pero los principios se mantienen: separar responsabilidades, documentar decisiones y no depender de una sola fuente de IA.
¿Qué herramientas estás usando tú para desarrollar con WordPress e IA? ¿Tienes tu propia estrategia de subsidio? Cuéntanos en el chat o en el grupo de Telegram. Y si quieres profundizar en alguno de los temas que hemos tocado, recuerda que tienes nuestras webs negocioswp.es, eliasgomez.pro y lamaquinadelbranding.com.
Herramientas
- Codex
Codex es la herramienta de OpenAI para delegar tareas de desarrollo en un agente capaz de leer contexto, modificar código y trabajar hacia objetivos verificables.
- OpenCode
OpenCode es un agente open source orientado a programación asistida por IA que puede usarse desde la terminal, una app de escritorio o extensiones de editor. Permite trabajar con modelos de múltiples proveedores, iniciar varias sesiones en paralelo y reutilizar cuentas o servicios compatibles como parte de un flujo de desarrollo más flexible.
- Bricks
Bricks es un tema y visual site builder para WordPress con foco en rendimiento, control del marcado y construcción visual de sitios mantenibles.
- CrocoBuilder
CrocoBuilder es un builder de frontend para WordPress desarrollado por Crocoblock con un enfoque AI-native desde su arquitectura. Su principio fundamental es el DOM atómico: cada elemento del editor produce exactamente un elemento en el DOM, sin wrappers ni markup generado. Los estilos se gestionan como CSS real que puede reutilizarse fuera del builder. Incluye un asistente de IA con integración MCP que lee el sistema de diseño existente (variables CSS, clases, colores, tipografías) antes de generar componentes, gestor de clases CSS nativo, Query Builder visual compatible con JetEngine, personalización de interfaz por perfil y soporte para Web Components reutilizables.
- Stitch
Stitch es la evolución de Google Labs hacia un canvas de diseño nativo con IA para crear, iterar y colaborar en interfaces de alta fidelidad desde lenguaje natural. Permite explorar ideas, añadir imágenes, texto o código y exportar el resultado a herramientas de desarrollo.
- Kilo Code
Kilo Code es un asistente de codificación con IA orientado a trabajar desde IDE, terminal y navegador con un enfoque más operativo y multiagente.
- Handy
Handy es una aplicación de escritorio multiplataforma (macOS, Windows, Linux) para transcripción de voz a texto centrada en la privacidad: todo el procesamiento puede ocurrir localmente sin enviar audio a la nube. Soporta modelos Whisper (Small/Medium/Turbo/Large) con aceleración GPU y Parakeet V3 optimizado para CPU. Desde la versión 0.9.0 incluye soporte para modelos con streaming que muestran la transcripción en tiempo real. Ofrece postprocesado configurable mediante prompts y APIs externas, atajos de teclado globales, detección de actividad de voz y agentes personalizados. Es gratuita, open source (licencia MIT) y está construida con Tauri (Rust + React).
- OpenRouter
OpenRouter es un servicio para usar modelos de lenguaje de distintos proveedores desde una interfaz de API unificada. Su propuesta se centra en simplificar el acceso a muchos modelos, mejorar disponibilidad mediante enrutado entre proveedores y dar más control sobre costes, rendimiento y políticas de datos.
- Theme Switcha
Cambia de tema y desarrolla en él sin que otros usuarios lo vean.
- GeneratePress
GeneratePress es un tema de WordPress ligero y enfocado en el rendimiento (< 10 kb), diseñado para la velocidad, SEO y estabilidad, ideal para desarrolladores que buscan una base sólida y limpia.