Bienvenidos a negocios y WordPress, negocios propios y negocios de otros. Si me entregan el material, claro, y si te pagan, vamos a ayudarte a sacar el negocio adelante. No te preocupes, todos hemos pasado por las mismas [\h__\h] pero nunca nos rendimos y por eso es que elegimos. WordPress, [música] WordPress negocios y WordPress, deja de cagarla. WordPress, WordPress [música] negocios y WordPress, deja de liarla. WordPress, WordPress, negocios y WordPress. Gestiona [música] tus proyectos. WordPress, WordPress, negocios y WordPress. [música] Buenas a todos y bienvenidos a Negocios y WordPress, episodio 256. Bienvenidos una semanita más a este podcast eh sobre WordPress, negocios digitales, automatización e inteligencia artificial. Eh, como siempre de la mano pues de nosotros dos que llevamos mucho tiempo currando juntos, eh, para que no nos conozca, bueno, pues eh aquí a mi lado tengo a Elías Gómez, especialista en automatizaciones y no code. Y eh yo, pues bueno, soy Yan García y básicamente me dedico a la formación, ¿vale? eh todo el tema de diseño de páginas web y demás en mi página webinarbranding.com, pero también pues últimamente pues estamos dándole un montón de caña a otras cosas alrededor de la web, ¿no?, como puede ser todo el tema de la IA y también un poquito de marketing, branding y demás. Y nada, hoy tenemos un episodio como últimamente pues muy dedicado al tema de la inteligencia artificial, aunque también traemos algunas novedades, sobre todo hablaremos con Elías, que está trabajando bastante con Codex. Y bueno, pues hablaremos acerca de de cosas nuevas que ha ido descubriendo, eh pruebas, experimentos que está realizando. Ah, yo, por mi parte, os traeré también algunas novedades e del sistema de agentes que estoy eh con el que estoy trabajando y también hablaremos de algunas novedades en cuanto a herramientas de WordPress que están saliendo, eh cositas nuevas, eh ya os voy adelantando, bricks y cositas nuevas de Crocoblock, que que se viene un builder, ¿vale? Así que tenemos episodio interesante, yo creo, hoy. Así que nada, vamos a empezar a saludar como siempre. Muy buenas, Elías. ¿Qué tal? No, eh eh Mute. Sí, sí, sí. Estaba pensando, "Hola, Yanic, e qué había pasado estas dos semanas para que yo tenga tantas cosas y es que no he tenido eventos. Em, aunque sí tengo una mudanza de por medio. Ya se ve por aquí el fondo que es que es diferente, así que próximos episodios ya me veréis con otro fondo. A ver, a ver lo que podemos hacer. Y y que bueno, te iba a decir que más que Codex, que también hay algo de Codex por ahí, es open code a lo que le he estado dando pero bueno, vamos a hablar de de las dos cosas y ahí estoy precisamente intentando buscar mi ecosistema y mi flujo de de trabajo más óptimo. Muy bien, tío. Pues nada, vamos a saludar por aquí también a la gente del chat, a Guido, eh, que por cierto tengo contigo pendiente un email, unas cosas, lo tengo en mente. también a Abraham y Enric. Muy buenas. Y nada, yo por cierto es que estoy viendo ahora mi mesa, está llena, no es ropa tirada, son cosas para hacer mañana un bibbac en el monte, ¿vale? mañana, no, el sábado, que voy a intentar, vamos a ver eso de de dormir en el el monte a ver qué tal [risas] y tengo estoy preparando ahí las cosas, así que nada, venga, vamos a vamos a darle caña. Vamos a empezar, ya sabéis, chat abierto para comentar lo que vosotros queráis y y venga, vamos a empezar con con todo el tema de de poquito a poco con cositas que nos trae Elías. E y bueno, eh para empezar algunas pequeñas curiosidades, ¿no? Antes de entrar en materia con proyectos más gordos, algunas cositas sueltas. A ver, cuéntanos, esto de Soundcloud, cosas rápidas, eh, momento que dices, "Yo flipo, ¿no?" Pues yo que sé, como la primera vez que le pides a Chat GPT que te escriba código WordPress y dices, "¿Cómo me ha hecho una función personalizada de lo que yo quería, no? hace 3 años cuando hiciste aquel vídeo, eh, pues resulta que yo distribuyo música en mi faceta de DJ, ¿no? Con un mi sello eh, Ultimate Records y eh uno de los temas los lo tenía subido el autor ya a YouTube y entonces a él le salía que yo había reclamado los derechos de YouTube. Entonces pedí lo que se llama el Takedown, que es quitarlo eh de la plataforma, pero me salía un desplegable y me decía, "¿Qué pasa?" No. Y digo, "Ah, pues que que quiero editar los servicios." Total que me respondieron y me dijeron, "Vale, para eso no hace falta un takeown, contacta con soporte y te lo solucionamos." Ha pasado mes y medio y no me solucion no me eh no me lo solucionaron. Y lo peor de todo es que no se podía quit e pedir otro Takedown. Y ya cansado y hablando con mi con mi colega, el artista que me decía, "Tío, es que es un fastidio para mí y tal, no sé qué." Digo, y se me iluminó la bombilla. Digo, "¿No puedo yo copiar el botón de otro release, el de takeedown eh eh request? takeedown y meterlo en el código o algo. Claro, solo el botón no hacía nada. Digo, se lo voy a pedir a Codex. Pues me hizo un script para consola que interactuaba con React y no sé qué. Se tira un rato investigando y dice, "Parece que la API expuesta sí que está disponible, no sé qué." Total que lo ejecuté en la consola, me apareció el botón, le di al botón, me salió el popup y pude hacer la el takeown del release gracias a Codex. Espero no haberme saltado ningún término de los términos y servicio, del servicio y tal, porque no he hecho nada ilegal más que pedir un request que no me permitía la interfaz, pero y ya me lo han dado de baja y tal, fíjate lo que me ha solucionado, gracias a Codex, en este caso con con programación, pero fue un momento que dije, "No me lo creo, no me lo creo." Porque claro, por muy programador que seas, ¿cómo haces ese trabajo automático? Igual ni te merece la pena hacerlo, pues ya se solucionará, ya me contestará soporte o o se fastidia mi amigo, ¿no? Y ya está. Claro. Pero en este caso se lo pedí, lo investigó, me dio el código y para adelante. Qué guapo, tío. Sí, a ver, no creo que te hayas metido en ningún, o sea, no es como estaba pensando casos más eh tipo, pues voy a pedir a Codex que me quite los anuncios de YouTube o yo que [risas] sé. Bueno, que yo que sé, ¿no? Sí, me dijo Codex, a ver, estás [carraspeo] en una zona gris, entre comillas, porque estás haciendo algo que no está ofrecido oficialmente, pero bueno, no estás asignándote ganancias de otro de otra persona, ni que eso estará más protegido. También entiendo yo. Por cierto, me contestaron a uno de los hilos de soporte que había hecho eh, diciendo, "Estoy muy descontento, no sé que no sé cuántos." Y me dijeron, "Ya está hecha el takeown." Y es en plan, "Ya, porque os lo ha pedido Codex." Pero bueno, eh, nada, más que nada curiosidad, pero que yo sigo sigo flipando con las cosas. Muy bien. Saludamos por aquí también a a Fabián y seguimos hablando un poquito ahora de de a ver también para poner un poquito en contexto a la gente, eh, tú estás utilizando, a ver, eh, para ay, yo creo que ya todo el mundo más o menos sabe, pero bueno, eh, ¿qué es eh codex y bueno, cómo lo estás utilizando tú? Porque al final hay a veces hay un poco de lío entre eh yo antes de ponernos a hablar de más cosas que detalles, ¿cómo lo usas tú en el sentido de cuál es tu porque tú puedes usar codex, puedes usar eh ah digamos eh cómo decirlo? Su su su interfaz, puedes utilizar otra cosa como interfaz y modelos por otro lado. O sea, ¿cómo es tu stack para trabajar para que nos hagamos un poco la idea de cuando nos cuentas cosas, pues eh cómo es cómo trabajo? ¿Qué herramientas? todavía sin decir un poco el flujo, ¿no? Pero Codex voy a empezar como de muy abajo. Es un chat GPT, pero como pensado para programar, digo yo, creo yo, y tiene acceso a tus eh archivos del disco y aparte acceso a MCPs y complementos y demás. que digo esto y pienso, "Joder, antes me corta el pelo y he dicho, le voy a pedir directamente a a Chat GPT que me añada el gasto y le he dicho, oye, añade un gasto de cortar el pelo igual que el último, pero en vez de de 12 € de 1250 que lo han subido y me lo ha hecho idéntico y me lo ha hecho, claro, se ha tirado 5 minutos, pero me da igual y no tengo ya ni que Claro, yo para esto tenía una automatización, ¿vale? No, y antes tenía un formulario para rellenar la mano. Ya ni eso, tío. Ya ni eso. Bueno, retomando Codex tiene como más capacidades y más gestión pues de ramas de guit de cosas así, ¿no? Y aparte la interfaz está mejor pensada, etcétera, etcétera. Y tienes, bueno, por supuesto, lo más importante es que puedes elegir el modelo más pormenorizar a mente, porque en Chat GPT puedes elegir instanting y otros modelos. Y aquí no, aquí eliges el modelo desde el 54 cu creo. O sea, es como una interfaz más avanzada, digamos, ¿no?, o sea, no es no es tampoco un ID tipo Visual Studio, sino que es una interfaz como como el de Google, como el el Studio, que es como una interfaz para la IA, pero como más avanzada, por así decir. Es que no lo he usado mucho. Iba a decir un chat para programar. Vale, vale. Em, y a partir de la digamos de la eso por curiosidad, la gratis tienes acceso, pero igual me has limitado, ¿no? Así entendo. Pues no lo sé, porque yo creo que cuando ya he empezado a utilizarlo, ¿no? Yo creo que no. Yo creo que no porque te consume directamente, o sea, el uso de codex está y en el menú principal de perfil, digamos, está como muy presente. Yo creo que que que necesitas, o sea, te consume tokens de tu cuenta, de tu suscripción. Entonces, entiendo que en gratis no funciona. Básicamente, a la izquierda tienes los chats o tareas. Yo prefiero llamarlo tareas. organizados por carpetas. Si tienes proyectos en Chat GPT, pues pues aquí tendrías proyectos, pero son no un contenedor abstracto, no, no son tus carpetas del ordenador, aunque también puedes tener tareas sueltas, ¿vale? Y hacer referencia a otras carpetas. Y luego tú ahí dentro, ahí dentro es donde donde trabajas las skills, todo, o sea, directamente desde ahí, ¿no? Tú no te vas a a un a un programa, a un Visual Studio ni a nada. tú directamente desde ahí creas las skills, o sea, por ejemplo, ahora, ¿no?, que nos vas a comentar acerca de de algo relacionado con skills, ¿no? Eh, entiendo, eh, pues eso lo haces tú desde, o sea, lo trabajas tú desde ahí directamente o no? Pues estoy pensando porque creo que tiene un complemento para gestionar skills, pero yo lo lo suelo hacer a mano. O le digo, "Créame una skill, no sé qué, no sé cuántos", o le digo, "Oye, me he creado una skill." Yo me la puedo crear donde yo quiera, como si es a mano, ¿no? Pero quiero decir que una skill es una carpeta con el skill. de dentro puede tener un script, pero vamos a imaginar una skill plana y yo le digo, "La tengo en esta ruta, instálala en local y ya está." De hecho, lo que suelo hacer es referenciarlas como enlace simbólico, o sea, es como una un espejo. Si yo edito la original, la otra también. Y como la tengo en Google Drive, en el otro ordenador, si por lo que sea yo modifico la original de Google Drive, en los dos ordenadores estaría referenciada en en mi la carpeta de usuario, por así decir. Me viene bien a mí también saber un poquito esto porque, bueno, como sabéis todos, pues al final yo estoy trabajando sobre todo con Visual Studio y con y con Kylo Code, eh, y y bueno, a a ver, al final los conceptos son los mismos, ¿no? Estamos viendo, pero bueno, eh, está guay también saber cómo cómo funcionan otras cosas, sobre todo para tener un contexto de lo que nos cuentas, ¿vale? Pues eh un poquito con desde esa base, eh ahora ya para que ya tengamos todo un poco más sentado, vamos a hablar ese de ese mini cliente de WordPress, ¿vale? Para para cosas, o sea, para qué sirve esto y y cuéntanos un poco esto qué es. Pues mira, pensaba que iba a tener algún puntito aquí en Notion y no me acuerdo para qué proyecto lo hice, ni dónde lo tengo ni nada, pero básicamente en un proyecto que estaba trabajando necesitaba acceder a WordPress y yo era en plan, no quiero tener que instalar un plugin de MCP ni historias cuando ya h existe la API, me conecto por API, hago una especie de skill con un pequeño script que ya tenga preparadas las operaciones básicas y lo reutilizo y ya te digo que de hecho no sé ni ni en dónde lo tengo, si lo tengo metido en un en uno de los proyectos o lo saqué como una skill de estas reutilizables, voy a buscarlo ahora mismo. Pero la idea es esa. Eh, le dije, "Oye, pues hazme un pequeño una pequeña utilidad que yo pueda reutilizar en diferentes proyectos y que tampoco me hagas el programa del siglo en lugar de, o sea, tú le puedes decir si tú creas e para hacer para hacer qué cos para conectarte a WordPress en general, pero no te, o sea, el objetivo es no tener que conectarlo por FTP o sea, por MCP, perdón, por MCP. eh para no poner el plugin y para que no gaste tokens, porque al final MCP gasta tokens. A ver, aquí también gastas tokens. Pero bueno, quería evitar el MCP porque al fin y al cabo, el otro día, a ver, ¿cómo cómo explico esto? El otro día decía Emilcar, el es que me ven a la cabeza VP click o sí, pero en mi servidor no tengo VP, tienes que tenerlo instalado en Ah, claro, no tendrás igual ni SSH ni nada. Efectivamente, no tengo SSH. Claro, vale, vale, vale, vale. Okay. Sí, sí, sí. vas bien, vas bien, pero claro, cualquier WordPress expone la API, entonces te generas la contraseña de aplicación, se la das a Codex y dices, "Mira, a partir de ahora, bueno, de hecho, en una en un archivo de de entorno de variables de entorno y ya está." Y a partir de ahí, pues siempre que te lleves esa utilidad o hagas referencia a la utilidad, oye, crea un post hablando de las gallinas ponedoras y ya está. Y y para eso no te hace falta un MCP que mire a ver. No, no, no. Ya hay una llamada al end point de post, obviamente. Sí, sí, esos esos típicos son los típicos, entre comillas trapis que a veces le pides hacer algo a la y como no tiene la herramienta, pues te lo hace y te hace ahí te abre el Power Shell o te abre lo que sea y te y se pone a hacer cosas. Y esto dices que lo has hecho tú, ¿la has encontrado como? ¿De dónde sale esta skin? Se lo pedí a Codex. Ah, se lo pediste directamente. Pues perfecto, perfecto. Déjame pensar en qué h proyecto fue, creo que no fue, en el que vamos a hablar luego de mi web de DJ. A ver, Search Console, no lo sé. Es que no lo sé dónde lo tengo, tío. Bueno, pero estoy pensándolo, según lo explico. Digo, jode. Vale, sí, un MCP, aquí está WordPress RC client Client está en las skills. Es un skill que tiene un script que se llama VPAPI, o sea, que si queréis queréis me la pedís y os la comparto que no la tengo en GitHub. Comenta skill. Sí. [risas] Em, a ver, lo estaba pensando y estoy como argumentando que el MCP gasta gasta tokens porque entiendo que es como la ability de WordPress que hay ahí. Se se exponen unos set points y dice, eh, créate post. Ese sirve el problema son las habilities. Claro, claro. El problema son las habilities. Por ejemplo, Nova está sacando, que estuvimos hablando algún programa aquí, eh es una conexión MCP, pero hace cosas como ejecutando PHP en el servidor para hacer cosas más gordas en masa. O sea, porque claro, el problema son las habilities sueltas de crear un no sé qué, uno a uno, no sé qué. Es como Ya, ya, claro, ejecutarlo en el servidor en vez de crear un post con, o sea, hacer una llamada para crear cada post. Sí, sí. Entonces, e básicamente es el no depender de nada. Con que tengas happy rest este clientito, a ver, que de nuevo es que no te hace falta más que pedírselo a la IA y te lo hace, pero en vez de tener que montar la llamada y la utilidad, el script, que luego hace la llamada como tal, pues ya está eh hecho el script como tal. Un poco esa es la idea. Vale. Eh, vamos a hablar también un poquito acerca del tema del diseño. Yo también voy a hablar un poco acerca del diseño, eh, con esto de la IA estoy intentando hacer mejoras en mi en mi sistema para que haga más cosas. Eh, y en tu caso, eh, bueno, Elías de hecho me me ha contactado eh, para me ha dicho, "Yan, tenemos que mirar un poquito e tanto yo mismo, ¿no? Porque estoy intentando hacer mejoras en mi sistema, como él también está eh trabajando con con agentes y tal para hacer eh diseños y justo tiene un proyecto que necesita un rediseño y así podemos probarlo en un proyecto eh pues bueno, que que controlamos nuestro y demás, que es el en su caso es elasdj.com eh que era una de las web. Bueno, bueno, aunque aunque también había alguna otra, ¿no? De hecho, que necesitaba un rediseño, no sé si esta era la que Pero bueno, la cosa es que estamos explorando pues cómo trabajar este tipo de cosas y creo que aquí Elías nos va a hablar un poquito más que de esa parte, que luego igual hablamos más de eso también yo, eh, más sobre cómo prepararlo para poder eh trabajar tranquilamente, ¿no? Porque veo aquí el Sim Switcha, eh, Insta VP, o sea, un poquito la el stack para poder hacer el rediseño. Sí. A ver, es que claro, el título te ha llevado a hablar de rediseño con Ia, que es verdad, y luego te quiero contar porque sobre todo he estado trabajando con Open Code, pero esto era más anécdota, digamos. E y básicamente eso, he estado rediseñando elasdj.com porque tenía generate press plano, o sea, es que no tenía ni mis colores corporativos, sin o sí, sí, sí, el el morado en los botones y ya está, ¿no? Ya que tiene botones, pues no vas a dejar el el azul genérico de de Genérate Press. Y y en base a este rediseño, pues le he dicho a Jannic, "Oye, me estoy dando cuentas de cosas que estoy repitiendo, corrigiendo y seguro que con tu sistema donde vas pasito a pasito y con una estrategia definida, pues eso no pasaría, ¿no? Entonces, a ver si para la siguiente me asesoras y me explicas un poco más cómo cómo hacerlo." Pero en este caso es que me había puesto a rediseñar esto y me hice un staging en Insta WP y me dio un problema. De hecho, h fue al retomarlo, o sea, lo había instalado hace un mes y hace dos semanas cuando lo fui a retomar eh no me funcionaba, se me quitaba el plugin hasta que me di cuenta de que se desactivaba el plugin. No sé cómo me di cuenta, pero el caso es que el módulo de seguridad de Canel, que se llama CPW, que yo tengo, me identificaba uno de los archivos como potencialmente peligroso y me lo deshabilitaba y lo ponía en la lista blanca, en la whelist y nada, no había manera. tuve que contactar con soporte, que contactaron a su vez con los desarrolladores del software, dijeron que era un falso positivo y lo arreglaron, pero yo no podía esperar tanto y dije, "M tengo que buscar una alternativa porque claro, yo quería tener pues un staging y poder hacer más cosas y dije, si esto es solo un tema, no me hace falta tanta historia." Y busqué eh no me acuerdo cuál usábamos antes, pero busqué un plugin de estos de poder ver un tema diferente si eres admin y encontré T me switcha. Luego me di cuenta que ya lo teníamos en Negocies WordPress, que ya habíamos hablado de ese plugin y es el que estado el que estado utilizando. Em, nada, he estado he diseñado un tema desde cero. Estoy relativamente contento porque como no tenía nada a poco que quedase bien, pero todo el rato redirigiendo en plan, no es que este componente que es un enlace pues de la fiesta a la discoteca, me has usado un diseño que no habías usado en ningún lado. Usa uno que ya hayas hecho y si te parece que está mal, bueno, rediseñamos, hacemos un nuevo elemento, yo que sé, imagínate eso en una fiesta, enlazo a la discoteca y a las sesiones, ¿no? A los artistas. [\h__\h] pues igual los artistas son más importantes y se merecen una especie de mini botón, pero no son no es el CTA principal. El CTA principal es entradas. Entonces, claro, todo eso quizás hay que explicarlo antes. Bueno, me estoy metiendo un poco a este tema. Luego lo comentamos. Sí, sí, sí, sí, sí. Bueno, y al hilo de todo esto del Bib Coding o justo me he encontrado con un recurso que es namedwui.com. nombra ese elemento interfaz.com, esa interfaz de usuarios, pero básicamente es una web que te muestra eh una galería con fotos y tal de cómo se llaman las cosas en una interfaz web, porque claro, la gente, incluido yo, eh estamos haciendo eh estamos hablando con la con la IA y no sabemos decirle bien a veces cómo se llaman las cosas, ¿no? Pues quiere un slider, quiere un no sé qué. Obviamente nosotros más o menos ya sabemos los nombres de todas las cosas, pero yo igual no sé un elemento en concreto, no sé, lo voy a abrir la página, la página web, pues yo que sé, a hamburger menu, ya sé lo que es, pero Marquy que es una cosa así que va pasando. Bueno, había un elemento HTML, ¿no?, que se llama Marky hace tiempo. No sé, no sé cuál decirte. Progress Ring versus Spinner versus Progress Bar. Bueno, los conozco todos, pero bueno. Es skeleton o el bat, no sé lo que es Scream, eh, no, no gritar. SC R I M. Pues hay cosas que no sé lo que son. Ah, mira, esta es buena. Badge versus chip versus PIL versus tag. [risas] Claro, habría que entrar y ver la la descripción porque hay veces que igual llamo Badge a una cosa que en realidad se llama Pil, son muy parecidas. Bueno, pues está está bien. Yo mismo lo usaré. Y otra chorradita, Yanic, una skill que busqué para saber porque a ver si usáis Codex habréis visto que de vez en cuando resetean el uso y precisamente esta semana que han sacado, bueno, la sacaron, llevamos una semana con los nuevos modelos 5.6, Sol, Terra y Luna, están se disparándose los usuarios activos y con cada millón de usuarios activos nos regalan un nos resetean eh el uso. Pero es que además de vez en cuando lo resetean, pero de vez en cuando te dan uno que lo llaman banket reset, que es que lo puedes usar tú cuando quieras, lo puedes aplicar. Entonces se te quedaba por ahí perdido en la cuenta y no sé de qué manera, o sea, no no sé cómo se gestionaban, pero ahora ya le han puesto una interfaz, ¿vale? Y todo, pero antes, hace 4 días, no había eso y alguien había hecho una skill que pues hacía una llamada a la API y te decía cuántos resets personalizados te quedaban, cuándo expiraban y y demás. Entonces, bueno, esta esta skill ya no nos hace falta, pero bueno, eh, que sepáis que eso existe y que se gestionan desde desde Codex. Eh, te voy a decir, bueno, además esta semana han quitado hasta el límite de 5 horas, el límite de sesiones de 5 horas lo han quitado y te Claro, por un lado a mí me fue como, [\h__\h] pero ahora me estoy doy cuenta y me como el límite semanal en un día. Sin embargo, por lo menos el límite de 5 horas me me limitaba. Pero claro, se supone que somos adultos responsables. Y mira, aquí me dicen uso semanal, me queda el 95% porque han hecho un reset mañana o ayer, ¿eh? Y tengo cuatro cuatro resets para utilizar, que por cierto usado un par en el desarrollo de liasdj.com. Decía, jod, es que se me van a caducar. Ahora encima puedo ver cuándo caducan y tal. Voy a ir usando alguno de vez en cuando. Y vamos, de momento me está me está llegando bastante bien. También es que soy muy conservador y utilizo mucho el el 5.4. Bueno, a veces también uso el terra, el intermedio, pero menos, no sé, poco a poco. Sí, yo también voy poco a poco. Hay días que, o sea, claro, ayer estuve justo haciendo un repaso a mi sistema, actualizando algunas cosas potentes y tal y ahí me gasté ya todo lo lo yo utilizo el plan de kilo, kilo gateway que tengo es como el open router de kilo y luego aparte tengo chat eh GPT plus, eh, uno de los plans, creo que es el creo que es plus e entonces cuando se me acaba pues tiro del otro [risas] y ya está. Pero aún así, ostras, eh, o sea, sí, sí, yo luego te cuento que que precisamente uno de los puntos es estrategia de cómo aprovechar bien eh pues los tokens y las suscripciones que nos ofrecen las empresas. Dice, "Nos saludan por aquí quién a Fabián habíamos saludado. Soy Mr. Fabián. Otro Fabián." Otro Fabián. Saludos WordPresseros. Eh, y el primer Fabián dice, "Marqués viejito, jaja." Lo usaba en un portal de noticias. Claro, pero había, a ver, el efecto es el mismo por lo que he visto, pero claro, Marqué era el elemento de de HTML y esto es como un elemento más moderno de interfaz con borde, con no sé qué, pero bueno, sí es exactamente lo mismo. Eh, Manuel, buenas, qu de tiempo que no se escuchaba. Buenas, Manuel. Eh, saludos, un abrazo. Pues nada, seguimos que además ahora le toca a Yan contarnos las novedades de sus builders. Venga, hacemos un aquí un paroncito. Bueno, mis builders esta mañana, Yan. Perdón, perdón. Decía uno en Twitter, me he enfadado con Elementor y tal. Y ponía una captura que si Management, que si no sé qué y se enfadaba y decía, "¿Me estás mostrando un montón de, digamos anuncios?" Cuando tú eres un page builder y me ha dado curiosidad a ver cómo se llamaba, he ido al repositorio y pone Elementor website builder, ya no es page builder y pone eh a lot more than a page builder, a ver, sigue siendo website builder, no sé si management o seguridad es su tarea, pero es que hace para mí hace tiempo que el mentor no es solo un builder, no tiene muchas cosas, ni page builder ni website builder, es mucho más y hosting y todo, o sea, sí, sí, es una pasada. Pues [resoplido] sí, no, iba a poner la puntillita de que yo últimamente builders eh me alejo, o sea, siempre que pueda, o sea, al final yo, ya os digo, a ver, evidentemente los usamos y hay proyectos en los que encaja bien, pero es que muchas veces es es una capa en medio que da problemas. Esta misma mañana, de hecho, tengo una consulta abierta en mi Discord, eh, donde estamos mirando la mejor forma de hacer, eh, con CPTS y demás, eh, el típico horario de actividades de a las 12 yoga, a las 3, no sé qué, no, tipo tabla arriba los días de la semana, aquí las horas en vertical, tal. Y claro, digo, [\h__\h] esto con la estructura que tenía, o sea, con los post types estaba todo super genial creado, pero claro, luego a la hora de hacerles listings con la query con elemento no sé qué un crist digo, [\h__\h] si es que con esa estructura, tío, y con la y en código te lo hago de un momento, tío. [risas] ¿Sabes? Fíjate, me estoy acordando el me está fastidiando ahí cuando un cliente le hice la típica etiqueta de eficiencia energética a la famosa inmobiliaria y lo hice pues eso, con una tablita y no sé qué y marcando el sitio que era cuando tocaba. Exist tirado un plugin. No sé si existe un plugin, pero con código era muy fácil. Y hoy con la IA pues tirado. Venga, cuéntanos. Venga, os cuento algunas cositas nuevas. Vamos a comenzar con la más light, yo creo, que es eh básicamente eh la nueva eh vamos, la nueva actualización de Bricks, la 2.4, que está en beta ahora mismo, que nos trae eh algunas cosas interesantes que llevamos tiempo pidiendo. Eh que básicamente ya es el panel de inteligencia artificial donde incluye la configuración para MCP y una zona de habilities y demás. incluye una nueva interfaz donde va a tener todo ya integrado todo lo que es la parte de los componentes, templates y todo esto. Un gestor, un nuevo gestor de de componentes, nuevas mejoras a la hora de importar y exportar todo de manera global, todo el tema de las clases y demás, esto está superb porque además eh eh digamos que están relacionado también la parte interna de cómo funciona todo esto de las clases. ¿Para qué? para que no solamente puedas importar las cosas, sino para que además, no sé si está por aquí, eh, sino para que además puedas sincronizar eh lo que es el código normal, porque tú imagínate desde la IA o desde lo que sea, muchas veces haces CSS y en Brick se te mete en el panel de custom CSS. Bueno, pues ahora ese panel es interpretado y se pone automáticamente en las casillitas de la interfaz normales de Bricks y cosas así. O sea, esto está siendo muy muy guay en ese aspecto. Eh, y han metido, bueno, un montón de cosas. se han metido un un personalizador para de interfaz para diferentes, o sea, diferente para cada perfil de usuario. Super guay. Eh, muchas mejoras también en el tema de los de los eh elementos para para bookommerce, mucho más eh granulización, ¿no? [risas] Eh mucho más granular todo a la hora de de diseñar el checkout, mi cuenta y todo ese tipo de cosas, cosa que ya ya era bastante eh comparado con por ejemplo con Elementor, Brick lo hacía bastante más en profundidad, más al detalle, pues ahora más todavía para Wocommerce. Eh, y bueno, algunas cositas que han ido modernizando y tal, algunas mejoras pues de copiar, pegar, bueno, han metido bastantes cositas nuevas, sobre todo está el tema de la IA, que básicamente ahora tenemos desde BRIC tenemos un elemento, ¿no?, de IA en un menú eh capacidades de ladrillos. Esto siempre siempre lo traducirán como ladrillos. Eh, [risas] habilitar habilidades de ladrillos. Bueno, la cuestión es que nos da una conexión MCP ahí como un pequeño asistente para que tú puedas conectar. tienes aquí puedes elegir, ¿no? Eh, que si en kilo, ¿no? Por ejemplo, que es mi caso en cursor, tal, lo que sea, ¿no? Pues para que te dé aquí como el código y tal. Y una y esta parte es un poco rara, ¿vale? Yo ahora todavía estoy explorando qué hacer qué tal hacer todo con esto. Y la cosa es que hay una zona de abilities y otra de habilities también. Sí, sí, porque es que la interfaz es un poco rara porque fíjate lo que han hecho, eh, han hecho una especie de de asistente donde es copiar de instale el paquete de habilidades de Bricks y el origen es un repositorio de GitHub. Vale. Sí. O sea, es como son como instrucciones, ¿sabes? Pero porque es un skill que es texto y quieren que GitHub. Claro, claro, claro. Entonces, entonces de ahí las pías y tal y luego una vez que lo tienes conectado, pues aquí tienes ya una zona de de todas las de las habilities, pero en general, eh, de y demás, de todo lo que tú tengas. Eh, te pone de quién es y tal. Bueno, estas son de bricks. Entonces, el resumen, que tampoco me quiero liar mucho aquí hasta que nos traiga contenidos nuevos de hacer esto, pero básicamente lo que nos va a permitir hacer ahora ya de forma mucho más eh directa y más sencilla es poder estar en tu con tus agentes de ella y demás y poder pedirles diseños, poder pedir hacer cosas y ya que no sea eh o browser, ¿no? Y estar viendo cómo lo hace o sino que directamente eh va a crear los elementos eh ahí, ¿no?, a través de DMCP de forma mucho más más directa, poder eh modificar estilos eh bueno, todo, ¿no? E y han metido hay un montón eh o sea, hay un montón de de habilities, incluso muchas que son fuera de de bricks casi, ¿vale? Eh, pero para filtros, para un montón de cosas. Entonces, bueno, a ver qué tal, qué tal se porta, porque yo he estado probando últimamente el de Nova y había cosas interesantes que iban bien, otras cosas que no iban tan bien y ahora probaremos a ver qué tal este de bricks ya nativo. E y nada, a ver, como siempre, a mí esto me parece interesante, sobre todo para el que quiera seguir usando bricks, para el que no sé, yo personalmente de un proyecto nuevo prefiero evitarme esta capa intermedia del builder, eh, ya lo sabéis todos, pero bueno, está guay, ¿no? Y Elementor también debería hacerlo lo propio, ¿no? con con su builder. Así que bueno, esa es un poquito la el resumen de de novedades que tampoco me quería extender eh demasiado. Te tengo que confesar, Yani, que intentaba escucharte, pero mi cerebro decía, "Esto, ¿para qué?" ¿Para qué? Exacto. Y me explico porque me estoy dando cuenta de que igual me tenía que haber preparado más lo de leasdj.com, pero bueno, como es una cosa así secundaria y tal, igual me preparo mejor ciertas cosas que me ha hecho la IA, ¿no? Pero bueno, básicamente estaba pensando en, por ejemplo, eh, ¿qué podemos optimizar? Y te dice, "No, pues estás utilizando varias fuentes, no sé qué." Y él mismo me dijo de descargarlas de Google Fonts, porque las estaba usando de Google Fonts, hacerlas en local. se las descargó, las puso en el en la carpeta, deshabilitó con un filtro las fuentes de Genery Press y digo, "Jo, qué guay." Digo, "Lo único que si voy al al panel de Genery Press, pues no me sale la fuente que tú has hecho y tiene una opción de añadir fuentes locales, lo adaptamos." Sí. Y automáticamente aparecieron, o sea, pudo poner cuáles eran las fuentes correctas desde el panel, ¿no? Tuve que yo que ir yo a elegirlas en Genery Press para que las usara. Luego también eh me dice, "Mira que el me dio una lista, ¿no? Comprueba los hes, el body, el no sé qué, los botones." Y yo solo veía body y los tres primeros Hes. Digo, "No lo veo." No, no, no sé por qué no sale. Hasta que me di cuenta que no había habilitado un módulo de, no de espaciado, no, de tipografía. De tipografía. Y con el espaciado me pasó algo parecido, eh, así. no era capaz de poner el tamaño del logo al tamaño que yo quería porque yo le daba eh, o sea, tenía que salir en el personalizador un un slider de qué tamaño quieres que tengan los ítems de menú, porque luego iba en el mismo menú, no se fusionaba la cabecera con el menú que lo permite hacer Genery Press y era porque no había habilitado eh lo de spacing, el módulo de spacing y fue como en plan, ¿para qué tengo generate press? Ya, ya, ya antes me, ya antes me rayaba un poco. Claro, como es un poco legacy, yo que sé, el layout de columnas más onry, me da igual, me lo hace la me lo hace la en un momento porque le pedí, por ejemplo, otra cosa que le pedí y digo, "Oye, vamos a hacer que los vídeos y los reproductores de Soundcloud se carguen eh en en con retraso, ¿cómo se dice? Lazy Lazy Loading." Y y lo hizo en un momento, ¿no? Y lo incrustó en el tema y ya está. De hecho, e primero lo hice para YouTube y digo, "Oye, ¿no podemos hacer para sound club?" Sí, lo adapto ahora mismo y ya está. Claro. Entonces, es que por un lado la otra capa me mete ruido y por otro lado no me permite hacer ciertas cosas que con el código sí puedo. Exacto. Un Lightbox, por ejemplo, un plugin de Lightbox. Sí, a mí me encantaba uno que se llama Feather Light, que creo que lo han discontinuado y ya no se actualiza y no sé qué, que lo han quitado, vamos, del repositorio y y me molaba porque era abres la imagen y y le das a las flechas. No necesito puntos ni 1000 1000 controles ni una X ni nada. Eh, bueno, igual una pequeña X y unas pequeñas para pasar si hay más de uno, pero que no me hace falta poner activo los desactivo. No quiero entrra un JPG que esté enlazando un JPG. Sí, y más en el contexto que solemos hablar siempre de que para los builders solemos hablar siempre en el contexto de maquetación y de adisear la página web, porque si me dices que es verdad, obviamente pues necesitas una tienda online o lo que sea y vas a tirar de bookcommerce, pues todo eso está claro, ¿no? Eh, pero todo lo que sea maquetación, hacerte un slider, no sé qué, lo que decíamos antes de los listados con las queris, no sé qué, o sea, todo eso es mucho más sencillo, el el diseño va a ser más adecuado si tienes un buen framework antes. Y y para mí los builders es que están, no sé, son casos muy muy puntuales en los que tengas alguien que quiera estar toqueteando visualmente las cosas, eh, simplemente porque no se ha acostumbrado a lo otro, pero vamos, claro, claro, en parte e bueno, aparte que existen ya muchas webs con eso, ¿no? Pero bueno, no solo te permite hacerlo visualmente, sino que es que claro, tú y yo sabemos lo que estamos haciendo. Yo le digo, yo que sé, y ha habido cosas que he retocado yo, que no me estaba haciendo bien. Digo, es que a ver, estás poniendo la clase que no es en el te estás liando. Me metía una caja dentro de otra caja. Cosas cosas raras que no están. Se le va la pinza y digo, "Mira, ya lo ya lo hago yo." O le das Ay, yo también es que me vuelvo vago, ¿eh? Y le doy la instrucción más concreta, etcétera, etcétera. Un parrafazo para que lo entienda. Ah, vale, vale. Entonces, ya lo entiendo. Sí, sí. T a veces también funciona cabrearme, ¿eh? [risas] Veces que lo has hecho mal y lo hace bien. Bueno, pues voy a traeros otra noticia que os la tengo que traer, que es otro builder, otro builder nuevo, pero de Crocoblock. Eh, tengo que decir que esto lo acabo de ver porque, de hecho, lo ha publicado en en mi Discord. Eh, no sé quién ha sido, eh, ¿quién ha sido? ¿Quién ha sido? ¿Quién ha sido? mi amigo de aquí, eh, creo, e lo voy a ver ya que ya que estoy buscando, estoy mirándolo. Ha sido aquí Pedro, ha sido Pedro, es verdad. Y digo, mira, lo voy a lo voy a enseñar y voy a reaccionar en directo a la landing, ¿no? A ver qué nos venden estos. ¿Cómo cómo me vendes en 2026 un builder, no? Bueno, pues crocoblog eso es y y tengo que decir que Crocoblock, confío en ellos, quiero decir, es es, o sea, confiamos porque hacen, yo que sé, Yetengi y tal, o sea, vale, y porque tienen flex ya desde hace mucho, ¿no? Como como ya para empezar, eh, fíjate, build AI native WordPress frontend with full control. Ya, ahí. Vale, bien. Vale. Eh, autom atomic DOM output, control CS unificado y controles hay nativos. A ver qué es eso, ¿no? Pero bueno, y eh eh desarrollado para proyectos complejos de WordPress. O sea, a mí esta descripción, bueno, está bien, [risas] ¿no? Vemos aquí un poco la pinta que tiene, eh te iba a decir, pues más o menos como Walker Builder, nada nuevo bajo el sol, nada nuevo bajo el sol, mucho botoncito arriba. Muchos botitos, botoncitos arriba de Astant y tal, pero sí que veo aquí el dev y hay dos pestañitas dev con simbolito del código, cosa que me puede gustar si efectivamente si podemos tener un control del código, como estoy viendo aquí parecido como si fuera un ID, ¿no? Bueno, ya veremos hasta qué punto. E ah, se me ha olvidado decir, Yanck, que en elasdj.com los archivos los subí automáticamente la IA. Le dije, "Cuando editemos archivos, súbelos por FTP y ya está." Ah, vale, vale. Eso tenemos que hablar también un día tuyo. Es que lo he pensado ahora al ver esto del código y he pensado, jo, prefiero tenerlo en local y he pensado, pero hay que subirlo. Vale, aquí nos están diciendo eh eh que tienen un control de el tema de estilo unificado, ¿vale? Eh, no sé por qué dice que es unificado, porque aquí tenemos a la izquierda, bueno, sí, style, esto es muy muy elementor, pero sí que veo que hay un botoncito de rout ss donde yo creo que puedes ya eh eso exacto, algo así, ¿vale? O sea, se traduce directamente lo que tengas a R SS. Vale, pues bueno, y a la contra, ¿no? Como la contra, como lo de bricks, yo creo. Sí. Atomic Dom output e One Dom node one builder. Sí, vale. En plan que no vamos a hacer govendor, [risas] no gira un wrappers, no sé qué. Bueno, es lo que nos quieren decir. Me ha venido tu vídeo de cavila. [risas] Eh, vale. Scale, CSS and control CSS Class Manager. Esto es interesante porque es que al final si sacas hoy un builder, tío, tienes esto ya es como gestor de clase TSS, tal, tienes que tenerlo, pero fíjate, ¿no? Pues ya nace, nace bien, ya nace con unas bases, yo siempre lo digo, siempre que será un builder tiene esto es lo primero que pregunto o de lo primero, es que es un maquetador, tío. ¿Cómo no vas a tener control de clases? Eh, para portar, para exportar, pues me está gustando lo que veo, pero de nuevo para mí, ya veremos. Pero puede ser una, me falta la parte de la no, pero para mí es un pues eso, una cosa intermedia que no sé si necesito, ¿no? Eh, query loops, tal. Bueno, esto de los loops lo hará bien, ¿eh? Porque ellos son, [\h__\h] mira que tiene aquí un un esto, ¿qué es? Ah, esto es el Th Builder. Ah, mira. Vale, bueno, venga. Vale, pues tiene como un Bueno, no está mal, está vista, ¿eh? Venga, voy a ir un poco más rápido a ver with no build no code dynamic interface with logic states and conditions. Bueno, que tiene interacciones, visibilidad condicional, efectivamente las condiciones de los templates. Vale, esto lo dado un poquito de su builder que era antes el bueno, ¿cómo se llamaba? El site de Sí, sí, sí. El cim no sé cómo era. Break limits with custom component flexibility. Create rosable component HTML CSS JS. Vale, los componentes que tanto se están utilizando ahora en en todos los builders también para crearte como tus propios widgets, por así decir, que tengas tu propio tus propios ajustes. Eso está muy bien, ¿eh? Vale, pues viene con todo lo hasta ahora viene con todo lo que todos los builders traen y viene ahora viene aquí el tema de la mira con conexión MCP directamente hay assistant builder, ¿vale? O sea, directamente eso también lo va a meter Bricks, eh, un creo un un agente lo llaman ellos sea lo mismo, pero esto está integrado ya ahí dentro. Component creation, GitHub versioning, sing builder content with a GitHub repository to bring real version control to your front and workflow. Coming soon. Bueno, eh, primer vistacito, ¿vale? Es la primer es la primera vez que estoy visitando incluso la web, ¿vale? Así que bueno, ya os traeré más noticias. quería al menos anunciarlo y verlo un poquito así rapidísimamente con vosotros, pero desde luego el tufo que trae es bueno. Es como un tufo a profesional, a cosas, me hablan de cosas guays, ¿no? De código, de IA, de GitHub, ¿vale? [risas] De gestionar clases, de gestionar clases, tío, y parecen no ser, o sea, no ignorar el mercado en plan, porque hay mucha gente que, ya sabéis, te saca un builder nuevo ahora y te lo saca sin gestor de clase, sin querer loops, no sé qué, ya lo pondremos. No, no, si te metes al mercado, tío, tienes que por lo menos tener las bases. Así que nada, yaemos echando un vistazo. Bueno, no sé nada de precio ni nada. Ah, bueno, está en reaccess. Eh, mira, pues Fortnite with 40% off descuentos si te apuntas a la lista esta. Y oye, bueno, yo le a Crocoblock le debo por lo menos investigarlo y ver a ver qué tal ahora nos lleva. Así que estaremos atentos a ver a este a este builder. Thinkcor se llamaba, ¿no? Thinkcor. Eso es, eso es. Pasa que estaba como muy ligado a su No, no sé, era muy raro. No era un builder, es que no era un builder, era un sistema de templates, pero usaba el builder que tú tuvieras. Y entonces habí a veces había interferencia entre el sistema de templates del 5 core con el de Elementor y con el de Jen Press y con no sé qué. Entonces era como a veces era un Cristo, ¿no? Haz el tuyo. No me acuerdo cómo era. No, no. Dice por aquí Fabián, dice, "Entiendo que la IA nos está dando mayor libertad y nos incentiva a desarrollar lo mínimo indispensable. La última parte no no sé si acabo de entender, ¿eh? Sí, sí. Pues para mí la puedes creo que es que puedes evitar sobrecargar porque como lo haces todo a medida creo que es lo que quieres. Claro. Eh, sí, pues sí, sí. Pues pues buen comentario. Efectivamente, es que además te da las dos cosas. te da el hecho de que puedas hacer las cosas a medida porque como el otro día que quería hacer yo un slider también una web y lo hice con la en vez de tener que buscar cualquier plugin no sé qué que el 80% no voy a usar sus funciones y encima el diseño no se va a aparecer lo tengo que adaptar y con la IA con un poco de CSS y un JS muy pequeñito ya hacía exactamente lo mío y tenía el diseño que yo quería y demás, ¿no? Y aparte de hacernos eso, Fabián también nos ayuda a hacer cosas que nos sacan de nuestra zona de confort normales, pues para hacer otras cosas a nivel de marketing, a nivel de SEO, a nivel de de otras disciplinas que antes era más complicado, ¿no? Venga, pues vamos a continuar ahora. Venga, un poquito más con más más guía, más cositas que nos trae eh Elías y a ver, estrategia de subsidio IA. A ver, a ver, contar. Vale, vamos a ver. Esto es al hilo del del nuevo tema que estuve diseñando, que lo he hecho casi todo con Open Code, porque Open Code nos permite conectarnos a diversos eh proveedores de IA y elegir el modelo que quedamos. En codex solo tienes los de Open ahí. Incluso ya conté que estuve intentando como hackearlo con la configuración y no fui capaz. Igual es posible, pero parecía que no era posible, lo me parece lo lógico. Y entonces le he estado dando caña a Open Code y hm básicamente ya he dicho que como están metiendo resets y reseteando el uso también y demás en Open he tirado mucho, sobre todo de 5.4 que claro puede parecer cutre, pero al final es el modelo que estaba, no sé cuándo salió, pues hace menos de un año me imagino que salió el 5.4, pues malo no es, ¿no? Y aún así, ¿qué me pasó? Además, fue curiosa porque digo, "Jod, me está aguantando muchísimo la sesión, me baja superdpacio, Open Code consume mucho menos y de repente doy click a la aplicación y digo, si no hay límite de 5 horas porque lo habían quitado, te recuerdo, está solo el semanal." O sea, que claro, el número que sueles ver es el corto, el de 5 horas. Y de repente yo estaba viendo el semanal que bajaba mucho más despacio y yo pensaba que era el de 5 horas, así que no sé si consume menos, pero yo entiendo que sobre todo si usas cosas como eh se pone a revisar en el navegador el codex, ¿no? O se pone a hacer cosas como más avanzadas que consuma más tokens. Yo creo que en eso Open es más conservador. Pero bueno, no obstante, yo quería buscar qué opciones tenía para pues si se me acababa un día la los tokens, digamos, de de la suscripción, la el límite semanal. o si no sé qué opciones tenía con otras suscripciones o otros eh métodos eh de acceder a otros proveedores porque como en Open Code se puede. E entonces hm las conclusiones fueron que me quedo con Chat GPT Plus que está subsidiado. Y digo subsidiado porque la eh Codex bar me dice cuánto me he gastado. Dice aquí 77 79 Bueno, prácticamente 70 prácticamente 80 en los últimos 30 días. Pero el otro día, no sé si es que era un bug, pero cuando empecé a utilizar Sol, 5.6 Sol, y me subió en un día, no sé si $200 ahora y es dentro de estos 30 días porque esto lleva una semana, entonces no sé si es que se se le había ido la pinza al medidor, pero vamos que evidentemente eh pagamos mucho menos de lo que consumimos y ya te digo que yo no me suelo consumir mucho tampoco las los límites, aunque justamente en estos días he usado resets y demás. Em, entonces bueno, para lo que se paga por $ pues tienes bastante uso con los reses y demás. Luego tenemos Open Code Go, que es una suscripción que vale $10 al mes. Es de la propia gente de Open Code. E además el primer mes vale $5 y es potente y abierto y lo bueno es que te dan $60 de valor por esos $10. Han llegado de acuerdos con sus proveedores de servidores y demás y de los modelos. Em, cuando cuando quiten todos estos subsidios, nos vamos a dar unos un, no lo voy a decir, un golpetazo, eh, que vamos a flipar. Entonces, yo por eso me quiero ir adaptando a ese a ese futuro mundo y también aprovechar ahora hasta me he estado planteando el en [\h__\h] pues yo que sé, otra de 20 de Cloud de Code o otra de 100, subirme a la de 100 de Codex y meter ahora mucha caña porque me están saliendo muchos mucho más baratos los tokens. Entonces, bueno, en Open Code Go hay modelos, eh, espérate que lo voy a mirar. Open Co, Open Code Go, porque me lío con Zen. Creo que en Zen están los de están aparte de algunos abiertos y tal, efectivamente en Zen están. Es que salen los logotipos abajo. Sale OpenI, Anthropic, Gemini, Grock y luego ya los raros. Ni conozco los logos. Pues Z será Zi una K, no sé lo que es. KLM, hay uno o no es GLM. Eh, bueno, eh, y luego en GO tenemos solamente los pues el de Xiaomi, el de Diepsik, el de GLM, etcétera, etcétera. La igual es Kimi, igual. Igual Kimi, sí, claro, será Kimi. Y luego Minimx, no sé qué logo tiene tampoco, pero bueno, hay muchos modelos que son buenos. es que hoy en día de nuevo un modelo de esos, tú los has hablado mucho de de GLM y de Minimx y de estos que tienen que ir bien, tienen que ir bien eh, pues una suscripción aunque sea barata. Luego tenemos el Kilo Pass. Estuve mirando que Kilo Code también tiene su pase. Vale $ y te da solo $26 comparado con Open Code Go. Pues es un poco mierdilla, pero podría ser [carraspeo] algo complementario eh, para algún mes. Y luego tienen ese es el por poner la la puntilla que ese es el que uso yo, el kilopas. Lo que tiene kilo es que pasa que es un poco rollo, tienes que andar mirando, pero todos los cada poco cada semana, dos semanas, etcétera, van poniendo unos modelos gratuitos y a veces son buenos, ¿eh? O sea, yo que sé, pues eso, Minx, no sé qué, el último que pues ahora es gratis este mes y cosas así. Un poco es un poco rollo, tienes que andar mirando, pero bueno, como los camellos. [risas] Eso es. Em, y luego tienen otro, una pestañita a la derecha que pone coding pass, porque claro, el otro te servirá para cualquier cosa, pero este es para programar con Minimx y te dan una burradísima de tokens. era 1,700 millones de tokens por $ como s subsidiado. Y la última cosa que hice es eh pasar de de 50 mensajes gratis en Open Router a 1000 metiendo $10 de crédito puntuales. Metes los primeros $10 y de hecho le dije, ¿no?, a OpenCode, digo, "Oye, ¿y ahora cómo sé que en el panel no me aparece en ningún sitio cuántas tengo gratis?" Y hice una, me dice, "Haz una llamada API a este endpoint, no sé qué, no sé cuántos." y te dice y la respuesta era como unlimited. Entonces, bueno, siguen [resoplido] siendo modelos gratuitos eh un poco limitados y tal, pero al menos no tienes limitado eh la cantidad de mensajes al día, solo metiendo saldo. Em, ¿y qué más te iba a decir yo respecto a esto? Estuve probando el el router free y claro h de repente eh da barra telemeting, sale un mensaje rojo abajo en plan van reintentando. Es un rollo, tío. Es un rollo. Aparte que los free, no sé, estado leyendo cosas y son muy turbios, tío. Todos los datos todo eso que hacen con ellos. Bien, yo creo que lo que hay que hacer es o bien elegir uno gratuito, que uno gratuito que tú sepas que tira hasta que se te gaste, o bien usar créditos y ya está. Pero claro, para eso me voy. Primero gastaría lo de Chat GPT. Entonces, la idea es como usar los modelos buenos, como eso que dicen, ¿no? Pues para planear, para planificar el modelo tocho y para ejecutar uno más sencillo, tal, pues eso mismo, pero llevado a suscripciones como en Open Code. Puedes cambiar al modelo que quieras, no solo los de Open AI o los del proveedor en el que estés. Y bueno, pues esa es un poco la estrategia estrategia de subsidio IA la he llamado porque es un poco esa la idea. Vale, pues vamos a ir ya recta final del episodio con las últimas cositas. Eh, hablaremos, he añadido también una cosita para, ya que hemos hablado de lo del diseño, para para comentar un un par de detalles que de lo que estábamos diciendo, de cómo hacer esa parte del diseño. Eh, pero antes vamos a hablar un poquito acerca de algunos truquitos de Open Codeh, ¿vale? Eh, bueno, pues que has ido descubriendo, según ibas trasteando. Bueno, dáos la lista, lo que sea, ya está. Y un poquito para Sí, es un poco seguir un poco con lo mismo. Y digamos que ahora que estoy utilizando más Open Code, me surge la duda de cómo ser más productivo, ¿no? Y de hecho eh me vi el curso tutorial o vídeo de hora y pico que tiene mi Dude en YouTube y y me familiaricé y ayer me lo volví a ver y yo digo, si la mitad de las cosas no me acordaba. Claro, yo me quedé con la idea general, pero por ejemplo no me acordaba de que poniendo exclamación dejas de estar en el modo chat y pasas a consola normal, o sea, sigues estando en la interfaz de Open Code, pero puedes ejecutar git status, por ejemplo, o lo que sea, ¿no? Em, y claro, eso es super práctico porque yo lo que hacía era abrirme una pestaña nueva de la terminal, cambiar al directorio, no sé qué, no sé cuántos. Y relacionado con esto, empezado a utilizar los perfiles de mi terminal, que utilizo ehm 2, bueno, de mi programa de terminal. Em y permite establecer un directorio de inicio, un comando, bueno, y un montón de cosas. Tiene cada perfil, como si fuera un perfil de Chrome, ¿vale? tiene un montón de cosas para configurar, pero bueno, de momento con esto yo lo que hago es configurarme eh cada proyecto. Entonces, vas a vas arriba a perfiles, le das a Elías DJ y me abre una pestaña de terminal, me va al directorio de eh del proyecto en cuestión y me ejecuta el comando Open Code. Entonces, ya estoy en Open Code directamente. Me he instalado Ghost porque es una de las que recomendaba mi Dude, no la he probado todavía, pero que tiene una tecnología más moderna, que es de hace 15 años o algo así, que está bien, pero que Gosti es más moderno. Sería como, no sé qué decirte, como usar Astro o algo así en vez de en vez de WordPress. Eh, otra cosa interesante, he decidido, tengo que acostumbrarme ahora porque lo configuré ayer, empezarle a hablar en inglés al chat con Handy, porque se supone que en inglés gasta menos tokens. porque el entrenamiento y todo eso se hace en inglés y así no tiene que traducirte. Entonces, el programa que utilizo para transcribir en cualquier sitio del ordenador se llama Handy, es gratuito en en Mac, en Windows también habrá y te permite transcripción con modelos locales. Bueno, pues le han añadido dos cosas nuevas. Uno ahora soporta eh modelos de eh con streaming. Agua, ya te digo que me está estoy hablando mucho. Me da la tos. [carraspeo] Me dado también antes [risas] [grito ahogado] un poquillo [carraspeo] la alarma de terminar el episodio. Sí, [risas] sí. Bueno, creo que ya he capturado, pero capturo para editar. Bueno, pues que con estos modelos en streaming puedes ver lo que se va transcribiendo en tiempo real, pero claro, yo decía, pues bueno, no necesito verlo, pero lo bueno es que se está transcribiendo en tiempo real. Entonces terminas el ataajo de teclado, pum, y se pega y es instantáneo. Antes tenías que esperar un poquit y sobre todo lo más interesante es que tiene una opción avanzada que es de postprocesado. Entonces, le metes un prom, le metes una AP y le puedes pedir lo que quieras. En este caso yo le medí un pedazo de promp para que lo traduzca inglés, pero respetando las cosas técnicas, como si fuera un software engineer, no sé qué, no sé cuántos. Entonces yo hago un atajo de teclado, hablo en español y de repente se pega un texto en inglés. Bueno, la traducción tarda un poco, sobre todo porque lo he puesto precisamente con Open Routro, pero en auto. Y cada traducción, perdón, me gasta como cu centésimas de céntimo. O sea, me va a durar los 10 [resoplido] que he metido años. Así que guay. Y por último, eh, que por supuesto admite agentes personalizados en Mark porque claro, es todo más hacker, ¿no? Con comandos y con historias y atajos de teclado y me estoy familiarizando con ciertas cosas. Pero vamos, en resumen, vas a la carpeta oculta de tu usuario agens e y dentro metes eh, archivos en Mark con un con un e formato eh, específico, pero bueno, más o menos lo de siempre. Defineso, defines el objetivo, la descripción de qué, y luego el pedazo de promp para la gente y ya está. Por cierto, trae dos nativos que ya se han ejecutado solos alguna vez, pero también los puedes invocar tú. Uno se llama Explorer y otro general. Y básicamente al invocarlos, pues eso, es como un subagente, un subagente que queda dependiente del hilo principal. Sí, sí. No, esto muy parecido a a Kilo, tío. Se nota que se nota que es que es la base, ¿no? Es que es que el han cogido la base de Open Rotter y con eso han hecho todo ahora en kilo, o sea, que y la consola Kilokil es lo mismo también, o sea, está guay, está guay. Vale, pues venga, vamos a ir terminando episodio. Por aquí dice Manuel que HM es una pasada. Y voy a compartir un poquito pantalla para comentar dos cositas, ¿vale? Dos cositas pequeñas, ¿vale? Y vamos terminando. La primera es acerca del diseño. Es una de las cosas que que estábamos hablando antes, Elías y yo, de lo de que a veces pues como que le pides hacer algo a la y en vez de utilizar pues algo que tengas en tu framework o algún componente pues como que eh se lo inventa o crea algo que no estaba, tal. Entonces, bueno, yo eh estoy compartiendo mi pantalla para enseñar un poquito dentro de mi sistema los artefactos voy creando en estas carpetas que tengo por aquí de consultoría, estrategia y tal, o sea, mis agentes que que los tengo por aquí, ¿vale? eh van creando pues ciertos documentos según voy haciendo el proyecto. Y en cuanto al diseño, eh bueno, esto es casi sería opcional, pero bueno, eh el eh yo tengo un un archivo que se llama Dirección de Arte, donde habla un poquito de de bueno, pues de todo, de que se tiene que transmitir, etcétera, un poquito la idea principal acerca del diseño, ¿no? E que eso no es lo más importante. Lo que quería enseñar sobre todo es que a partir de ahí yo creo un framework, ¿vale? Pero el framework no es solamente el CSS. Yo aquí utilizo varios archivos precisamente para que no se equivoque tanto, para que no tenga que inventar tanto. Y aparte del framework CSS, que voy a voy a abrir por aquí para que veáis más y más, el framework CSS eso, ¿vale? Es el archivo CSS, pues con tus clases, tus componentes, etcétera. Pero una cosa interesante que sí le hago a mis agentes que creen es eh el mapeo de componentes eh de datos. ¿Esto qué quiere decir? Pues que le digo en qué ocasión tiene que usar cada cosa y para qué se y para qué se usan, ¿vale? e en qué templates va, etcétera. O sea, esto es como una especie de guía para que él sepa que, yo que sé, pues igual si tiene un componente que se llama, no sé, empty state, pues en qué sitios va a aparecer, ¿no? De hecho, tengo uno más técnico quizá que es el de eh Framework UI, donde eh aquí están todo desgranado, todos los degradados, todo lo que sea reusar. Entonces, digamos que yo los agentes ya no les digo solamente usa este framework CSS, porque claro, aquí él ve una clase y a veces si si la clase tiene un nombre interesante, pues vale, h tipo yo que sé, pues card servicio, pues bueno, pues será para los servicios, ¿vale? Pero es para el servicio para el cárceler. Pero si quiero hacer una tarjeta dentro de una tarjeta o es para un banner a la derecha también lo puedo usar, ¿no? Entonces eh lo que hago es generar aparte del framework este mapeo de componentes y este framework UI, digamos, para decirle, "Oye, mira, ¿cuándo vas a utilizar cada clase? ¿Cuándo puedes, etcétera, etcétera, ¿no? Y y creo que estas dos partes son interesantes a la hora de hacer el diseño. ¿Vale? Luego también quería enseñaros, voy lo voy a ailar ya con lo último que quería comentaros, que eh bueno, está haciendo algunos cambios y una de las cosas que he estado trabajando son algunas skills opcionales, ¿vale? Eh, bueno, aquí están, me metí las de bricks, por cierto, las tengo que quitar. Eh, estuve haciendo algunas skills opcionales para el tema de Stitch, ¿vale? Para vincular todo un poquito con Stitch. Y es que eh últimamente estoy eh trabajando con eh el MCP de Stitch, ¿vale? Eh, el MCP Stitch trae una serie de tools interesantes porque ya no solamente eh puedes leer cosas que Espera, quiero compartir otra pantalla. Eh, esta. A ver si puedo elegir qué pantalla flipando porque veía moverse el ratón y digo, no sé si tiene que compartir otra cosa. Voy a dar eliminar esta. A ver ahora. Ah, claro, es que yo no puedo. Eres tú el yo la pongo. Tranqui. Vale, entonces aquí estoy en la web de Stage el MCP. Básicamente para que veáis que tenemos una serie de de tools y que no permiten no solamente eh leer eh diseños y cosas así, sino también pues poder crear, ¿vale?, y generar todo tipo de cosas, e, sistema de diseño, etcétera, etcétera. Entonces, esto que me permite que directamente desde el sistema de agentes para porque yo, claro, yo antes, ¿qué hacía si quería hacer una vista previa de Stitch? Pues tenía que [\h__\h] mis artefactos y mi design.md y venirme a Stitch, pero ahora ya no. Ahora ya directamente desde Visual Studio le digo, "Oye, eh, haz que ya tienes aparte ya no solo el design MD porque va a usar mis Wframes, mi dirección de arte, mi framework, o sea, todo, eh, y aparte puedes editar. De hecho, por ejemplo, estaba haciendo hace poquito pruebas. Mira, esto, esta prueba que estoy enseñando ahora, eh, está ya no la he creado desde Stitch. O sea, esto yo lo estaba en Visual Studio y luego he abierto y de repente me he encontrado esto, ¿vale? por así decir, porque de hecho todos los cambios y si yo aquí quiero cambiar algo, voy a darle aquí por tipo para que se vea algo. Si yo aquí quiero cambiar algo, eh, no hace falta que se lo diga aquí. Se lo voy a se lo digo desde Visual Studiom, ¿vale? Es que es la leche. Que conste que lo predijimos, ¿eh? Que ya no íbamos a entrar a las webs para qué. Es eso es. Y a la hora de a la hora de conectarte, tienes aquí vas a compartir. Es curioso porque eh no, perdón, exportar. Tienes aquí la opción de eh bueno, sí, control todo eh MCP, ¿vale? Eh ah, bueno, pero porque ya estoy en Claro, eh espera, vamos. Ah a ah [risas] quiero exportar una, no, no quiero seleccionar todo, quiero seleccionar esta, por ejemplo. Vale, mp. Tienes aquí esta configuración MCP, ¿vale? Seleccionas aquí tu ID, están todos como siempre y tal, pues que si US code y tal, pues te para que puedas configurarlo y demás. Y luego eh digamos que eh puedes copiar como una petición también y puedes Bueno, la cuestión es que conectas con MCP y ya tienes acceso a todas estas tools y entonces tú ya desde cloud, bueno, yo siempre digo kilo y US Code, pero vosotros pues en Cloude o en o en Codex donde estéis vais a poder decirle directamente, "Oye, générame eh cuatro versiones." Porque es que lo bueno es que Stitch tiene encima tiene agentes en paralelo diseñando, o sea, es super rápido. Por eso mola hacerlo aquí porque es superrápido, ¿vale? y tienes una vista previa visual muy rápida, entonces le puedes decir, "Venga, pues dame un prototipo de esto." No, pero cámbiame los textos. No, ahora tengo textos nuevos, modifícamelos. Y está guapo porque ya os digo, trabaja muy rápido, te deja hacer luego los mapas de calor, tienes las vistas previas, puedes hacer eh un montón de cosas y mola ver viendo cómo va va trabajando incluso con tus propios contenidos, ¿vale? Pues todo esto también son contenidos que que tenía y demás, ¿eh? Y está guay, ¿vale? Así que esto es interesante, ¿vale? También lo podéis intentar hacer también con el tema de de lo diré de cloud design y tal, pero a mí ST me está molando por por sobre todo por el tema de MCP y poder tener yo ese control de de los estilos y demás. Ah, y yo lo que me he hecho son unas skills. ¿Por qué? Porque no quiero que, a ver, estoy a su muy personal, ¿vale? Pero lo que no quiero es que Stitch me haga todo el Tailwin, ¿vale? Entonces, yo lo que hago es transformarlo. Bueno, le digo a Ste básicamente que no mewin lo hace bien, lo hace con sus clases, pero también eh lo adapto. Tengo una skill que lo transforma a lo mío, por así decir. E y a partir de ahí ya está. Yo ya tengo todos los templates en HTML. Eh, primero HTML, HTML normal, diseño. Una vez que lo apruebo, que apruebo el framework CSS y aprobar el framework, hago todos los templates, hago la home, los servicios, no sé qué, digo, "Vale, esto está guapo, venga, vamos al PHP." Y a partir de ahí ya ya prácticamente no hay decisiones de diseño. Lo importante es que las decisiones de diseño intentéis hacerlas antes. A ver, luego puedes hacerlas, pero pero claro, tienes que si estás haciendo ya los templates en PHP, ya estás en esa parte final y quieres hacer un cambio de diseño, es en plan, "Vale, hazlo, pero mételo en el framework, mételo en no sé qué y mételo en no sé qué para que no se pierda la continuidad, ¿no?, del contexto." Pero pero eso y más o menos pues eso, os quería ser un poquito esa fase de de diseño que solo estoy trabajando ahora eso con Stitch sobre todo y tengo también, por cierto, no sé si lo hab visto, tengo una idea, a ver si consigo un día definirlo mejor, de motion system, o sea, como el framework CSS, pero para animaciones y para que te una mezcla entre que la IA pues sea más propensa a hacer cosas guays, pero que use cosas potentes y Gesap y tal y ese tipo de cosas y tener como tu propia biblioteca para reutilizar cosas que que siempre queramos, No, así que nada, quería enseñaros un poquito eso. Claro, claro, porque la alternativa, esto que has dicho, es como hice yo, ya me voy a tirar piedra sobre mi propio tejado, que le pasé los colores corporativos y le dije, vete tirando, ya vamos modificando. Yo, no, más moderno, no, más no sé qué. Y claro, 20,000 vueltas cuando lo suyo es establecer, bueno, es que lo decíamos para las webs, ¿no? Las webs antiguamente, eh, normales o los proyectos de clientes, plan, oye, ¿cuál es el objetivo y tu marca en qué consiste? ¿Es para jóvenes? ¿Es para mayores? ¿Es para premium? ¿Es todo? Yo me hice una skill que es la de análisis de de eh visual de referencias que se que la uso cuando con una con un con un modelo que que vea bien imágenes. Los de Google me van bien, que lo que hace es que tú le puedas eh aparte no son cosas opcionales, ¿no? Para usar, pues una skill eh tú le puedes pasar capturas de webs, de cosas de diseños, de lo que sea y él de ahí strike una especie de de informe para que lo tenga en cuenta a la hora de crear esa dirección de arte, ¿no? Evidentemente, si le dices el nombre de un estilo concreto y dices, "Hazme neumorfismo, pues ya está. Neumorfismo es lo que es." Pero a veces pues hay rollitos de webs que dices, "Joder, pues te pasa una imagen y dices, [\h__\h] pues tienen unas fuentes descomunales, tienen tal, se transmite eso, transmite lo otro y todo eso lo vas aplicando, pues analizar, pero siempre eso, la la cosa es hacerlo como en pasos, tío, poco a poco, porque es que es la clave, cuanto más información tengas, al final pues mejor sale luego." Es más tiene sentido. Como cuando te lees un post de cómo hacer SEO, ¿no? Los básicos, los conceptos básicos. dices, "Claro, que tiene sentido. Primero el objetivo, luego el alcance, luego no sé qué." Eso es. Luego luego me pondré, por cierto, cuando acabe el tema del diseño, que es un poco el que más me tira, pero luego me pondré también con el SEO, tal. Y al final el sistema al final lo que ha hecho es un poco abrir muchos módulos. hay estrategia, hay marketing, hay desarrollo, hay upeo, hay tal, eh, y poco a poco iré como metiendo caña en diferentes. Ahora estoy metiéndole caña como en la parte del del diseño, luego igual en el del SEO, además, de hecho, en la comunidad, en el Discord, que además tenemos el el nuevo el nuevo servidor de la gente que estuvo en el Workshop y demás, hay de gente aportando un montón de cosas y hay gente que controla mazo de marketing, por ejemplo, y dice, "Oye, mira, yo la parte de marketing la estoy haciendo así, no sé qué, y esa parte está guapa ponerla porque es gente que sabe mucho de esa parte, ¿sabes? Y entonces, bueno, pues vamos haciendo el sistema pues cada vez más más capaz. Pues nada, chicos, eh con esto terminamos. Eh, muchas gracias por ahí por el chat. Eh, qué guapo, dice Manuel. Muchas gracias y y nada, como siempre, nos despedimos diciendo que eh vayáis a nuestras páginas web, la principal, la de nuestro podcast, negocioswp.es. También os podéis unir a nuestro grupo de Telegram en negocioswp. T.me/negocioswp. y eh nuestras páginas web eh que son elíasgómez.pro y la máquinadelbranding.com. Y nada, nos vemos por aquí en dos semanitas porque tiene pinta de que aunque decíamos que no íbamos a hacer cosas en verano, que estamos un poco más out, pero me cago la leche. O sea, siempre tenemos [\h__\h] para hablar. Tiempo, [risas] claro, siempre tenemos [\h__\h] para hablar. Así que nada, nos vemos por aquí, chicos. Venga, chicos, hasta luego.