{"id":2532,"date":"2026-03-19T18:48:00","date_gmt":"2026-03-19T17:48:00","guid":{"rendered":"https:\/\/techy44.okdiario.com\/?p=2532"},"modified":"2026-03-18T16:21:37","modified_gmt":"2026-03-18T15:21:37","slug":"he-probado-claude-gemini-y-chatgpt-para-hacer-una-pagina-web-sin-saber-nada-de-informatica-y-esta-es-la-clara-ganadora","status":"publish","type":"post","link":"https:\/\/okdiario.com\/techy\/he-probado-claude-gemini-y-chatgpt-para-hacer-una-pagina-web-sin-saber-nada-de-informatica-y-esta-es-la-clara-ganadora\/2532\/","title":{"rendered":"He probado Claude, Gemini y ChatGPT para hacer una p\u00e1gina web sin saber nada de inform\u00e1tica y \u00e9sta es la clara ganadora"},"content":{"rendered":"\n

Crear una p\u00e1gina web con una simple instrucci\u00f3n en lenguaje normal ya no suena a ciencia ficci\u00f3n. Para mucha gente sin experiencia t\u00e9cnica, esa barrera de c\u00f3digo, errores y sintaxis se est\u00e1 encogiendo a toda velocidad. Y ah\u00ed entra en juego la llamada \u00abvibe coding\u00bb, una forma de programar en la que el usuario describe lo que quiere y un modelo de IA<\/a> se encarga de convertirlo en una p\u00e1gina funcional.<\/p>\n\n\n\n

Eso es justo lo que puso a prueba una comparaci\u00f3n directa entre ChatGPT, Gemini y Claude<\/a>. La idea era simple, pero muy reveladora. Los tres modelos recibieron la misma orden para dise\u00f1ar una pantalla de bienvenida de una red social pensada para jugadores de Dungeons and Dragons. El resultado dej\u00f3 un ganador bastante claro, sobre todo en algo que hoy pesa mucho m\u00e1s que escribir c\u00f3digo sin errores. La capacidad de entender el tono, el estilo y la experiencia que espera el usuario.<\/p>\n\n\n\n

Una prueba sencilla para medir algo m\u00e1s que c\u00f3digo<\/h2>\n\n\n\n

El encargo ped\u00eda una p\u00e1gina de bienvenida en HTML para una plataforma social orientada a fans de Dungeons and Dragons. La pantalla deb\u00eda recibir al usuario, invitarle a elegir su estilo de juego y animarle a completar un perfil breve. Todo eso con una est\u00e9tica tem\u00e1tica, pero sin perder claridad ni facilidad de uso.<\/p>\n\n\n\n

\n
\n
\n

Lea tambi\u00e9n: El WiFi podr\u00eda desaparecer mucho antes de lo que pensamos porque su sustituto ya funciona mucho mejor: el Li-Fi promete internet ultrarr\u00e1pido y a trav\u00e9s de la luz<\/a><\/h4>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n

La evaluaci\u00f3n se centr\u00f3 en tres puntos muy concretos. Inteligencia est\u00e9tica, usabilidad y fidelidad a la instrucci\u00f3n. Despu\u00e9s, el c\u00f3digo generado por cada modelo se prob\u00f3 en OneCompiler<\/a>, una herramienta que permite pegar HTML y ver al instante c\u00f3mo queda la web en pantalla. Sin rodeos. Lo que ves es lo que hay.<\/p>\n\n\n\n

ChatGPT cumple, pero se queda corto en estilo<\/h2>\n\n\n\n

El resultado de ChatGPT fue funcional, pero bastante plano. La p\u00e1gina pod\u00eda usarse y respetaba la parte t\u00e9cnica del encargo, aunque transmit\u00eda m\u00e1s la sensaci\u00f3n de un formulario gen\u00e9rico que la de una puerta de entrada a una comunidad de fantas\u00eda.<\/p>\n\n\n\n

\n
\n
\n

Lea tambi\u00e9n: Los expertos ponen el grito en el cielo porque han descubierto que una tienda de motos, es la que suministra los materiales de los aviones del Ej\u00e9rcito en Espa\u00f1a<\/a><\/h4>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n

Seg\u00fan la comparaci\u00f3n facilitada, el dise\u00f1o apost\u00f3 por una soluci\u00f3n segura y minimalista, con fondo tipo pergamino y una estructura muy b\u00e1sica. En la pr\u00e1ctica, eso significa que la web hac\u00eda lo que se le pidi\u00f3, pero no consegu\u00eda crear una experiencia memorable. Para una pantalla de bienvenida, eso pesa. Y mucho.<\/p>\n\n\n\n

Gemini entiende mejor la ambientaci\u00f3n<\/h2>\n\n\n\n

Gemini qued\u00f3 por delante de ChatGPT gracias a una propuesta m\u00e1s cuidada en lo visual y m\u00e1s conectada con el universo de Dungeons and Dragons. No se limit\u00f3 a montar un formulario. Intent\u00f3 convertir el acceso a la plataforma en una peque\u00f1a experiencia de entrada al juego.<\/p>\n\n\n\n

\n
\n
\n

Lea tambi\u00e9n: Netflix se pasa a la IA de Ben Affleck y lo vas a notar: las series ahora se van a estrenar antes<\/a><\/h4>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n

Ah\u00ed entran detalles como nombres de campos m\u00e1s evocadores, una mejor jerarqu\u00eda visual y un uso m\u00e1s inteligente del espacio. Tambi\u00e9n ayud\u00f3 el empleo de mosaicos de selecci\u00f3n y otros recursos de interfaz que daban m\u00e1s orden al conjunto. No era revolucionario, pero s\u00ed m\u00e1s inmersivo y mejor resuelto.<\/p>\n\n\n\n

Claude se impone con una experiencia m\u00e1s completa<\/h2>\n\n\n\n

Claude fue el vencedor claro de la prueba. La diferencia, seg\u00fan la informaci\u00f3n aportada, se notaba desde el primer vistazo. La p\u00e1gina no aparec\u00eda como un bloque est\u00e1tico, sino con animaciones y una presentaci\u00f3n m\u00e1s intencional, algo que reforzaba la sensaci\u00f3n de estar entrando en un mundo tem\u00e1tico y no en una simple ficha de registro.<\/p>\n\n\n\n

\n
\n
\n

Lea tambi\u00e9n: A muchos les sobra un puerto HDMI en su televisor y no saben qu\u00e9 hacer con \u00e9l, pero es un tesoro oculto que convierte la tele en un centro multifunci\u00f3n muy potente<\/a><\/h4>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n

El modelo construy\u00f3 una est\u00e9tica oscura, cercana a una mazmorra, con acentos dorados y una ambientaci\u00f3n mucho m\u00e1s coherente con el imaginario de D&D. Pero no se qued\u00f3 solo en lo bonito. Tambi\u00e9n ofreci\u00f3 la mejor combinaci\u00f3n entre creatividad, cumplimiento del encargo y facilidad de uso. Al final del d\u00eda, eso es lo que separa un c\u00f3digo correcto de una experiencia bien pensada.<\/p>\n\n\n\n

Lo que deja esta comparaci\u00f3n entre modelos de IA<\/h2>\n\n\n\n

La prueba sugiere que, en tareas de bajo contexto, no basta con generar c\u00f3digo que funcione. El modelo que mejor rinde es el que sabe rellenar los huecos con criterio visual y una lectura m\u00e1s fina de lo que el usuario realmente quiere decir, aunque no lo escriba de forma perfecta.<\/p>\n\n\n\n

\n
\n
\n

Lea tambi\u00e9n: Si te llega esta notificaci\u00f3n de Google hazle caso porque puede ser la soluci\u00f3n a los problemas con la bater\u00eda del m\u00f3vil<\/a><\/h4>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n

Tambi\u00e9n deja otra idea interesante. La \u00abvibe coding\u00bb no elimina la importancia del desarrollo web, pero s\u00ed cambia qui\u00e9n puede participar. Personas sin conocimientos de programaci\u00f3n ya pueden construir prototipos \u00fatiles con una sola instrucci\u00f3n. Y si el list\u00f3n creativo importa tanto como el t\u00e9cnico, Claude parece llevar ventaja en este tipo de tareas.<\/p>\n\n\n\n

El art\u00edculo original en el que se basa esta comparaci\u00f3n ha sido publicado en XDA Developers<\/a><\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Crear una p\u00e1gina web con una simple instrucci\u00f3n en lenguaje normal ya no suena a ciencia ficci\u00f3n. Para mucha gente … <\/p>\n

Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":2533,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatica","resize-featured-image"],"_links":{"self":[{"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/posts\/2532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/comments?post=2532"}],"version-history":[{"count":1,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/posts\/2532\/revisions"}],"predecessor-version":[{"id":2534,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/posts\/2532\/revisions\/2534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/media\/2533"}],"wp:attachment":[{"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/media?parent=2532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/categories?post=2532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/okdiario.com\/techy\/wp-json\/wp\/v2\/tags?post=2532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}