Claude Design, Claude WebKit y la parte que no te cuentan en Instagram

“Era el ser humano más la máquina, no el ser humano contra la máquina.”
Gary Kasparov

Una comparativa con criterio para decidir cuándo una herramienta ayuda y cuándo solo añade otra pestaña abierta.

Hace unos días vi circular otra de esas recomendaciones de IA que duran menos de un minuto y prometen demasiado.

El guion suele ser parecido. Alguien abre una herramienta, enseña una pantalla bonita, mueve dos cosas, aparece una landing bastante aparente y remata con esa presión tan cansina de que, si no lo estás usando ya, estás perdiendo el tiempo.

Esta vez el nombre era Claude WebKit.

Y aquí me interesa parar un momento, porque justo vengo de hacer mi propia web con ayuda de Claude Design. No hablo desde la teoría ni desde el entusiasmo de domingo por la tarde. He pasado por ahí. He probado, he corregido, he pedido cambios, he vuelto atrás, he discutido con la herramienta y he visto muy claro dónde ayuda de verdad y dónde empieza la letra pequeña.

Claude Design me ha servido mucho para diseñar esta web. Mucho.

Pero no me ha hecho la web como quien aprieta un botón y se va a tomar un café.

Me ha ayudado a pensar estructuras, probar estilos, ordenar secciones, visualizar decisiones que antes estaban repartidas entre notas, pantallazos y frases sueltas. Eso tiene valor. Mucho valor. Pero ese valor aparece cuando tú ya sabes qué quieres construir.

Si no sabes qué quieres decir, a quién le hablas, qué debe pesar más en la página o qué sobra, Claude Design no lo decide por ti. Te devuelve opciones. Algunas buenas. Algunas vistosas pero equivocadas. Y ahí empieza el trabajo real.

Luego llegó un colega y me dijo: “Con Claude WebKit todavía mejor”. La frase sonaba bien. Demasiado bien. Como esas pistas falsas de novela negra que aparecen en el capítulo tres y hacen que todo parezca resuelto antes de tiempo.

Pero no. Todavía no estaba resuelto.

La pregunta no es cuál es mejor. La pregunta es para qué lo necesitas

Aquí está el matiz que casi nunca cabe en un vídeo de un minuto: Claude Design y lo que se está llamando Claude WebKit no resuelven exactamente el mismo problema.

Uno te ayuda a diseñar, prototipar y pensar visualmente. El otro se acerca más a construir desde código, normalmente apoyándose en Claude Code, repositorios, dependencias, despliegue y revisión técnica.

Dicho más claro: uno te ayuda a ver la escena. El otro empieza a tocar la instalación eléctrica del edificio.

Y eso no es bueno ni malo. Depende de para qué lo quieras, quién lo va a usar y qué capacidad tienes para revisar lo que sale.

Una pantalla bonita no es una web bien decidida. Es solo una pista.

Claude Design vs Claude WebKit: comparación rápida

Punto	Claude Design	Claude WebKit
Qué es	Producto oficial de Anthropic Labs	Kit o proyecto de comunidad apoyado en Claude Code
Para qué sirve	Diseños, prototipos, presentaciones, piezas visuales, one-pagers	Crear una landing o web funcional desde código
Tipo de trabajo	Pensamiento visual, estructura, exploración, propuesta	Desarrollo frontend, generación de código, montaje técnico
Interfaz	Más visual, con chat y canvas	Más técnica: terminal, Git, Node.js, Claude Code, repositorio
Resultado	Diseño exportable o prototipo	Código fuente de una web, normalmente con stack moderno
Nivel técnico necesario	Bajo o medio, aunque exige criterio	Medio o alto si quieres revisar y publicar con seguridad
Riesgo principal	Creer que una pantalla bonita ya es una buena web	Creer que código generado equivale a web lista para producción
Ideal para	Explorar una idea, diseñar una propuesta, ordenar una web, validar una dirección visual	Montar una base técnica rápida si tienes revisión de desarrollo
No lo usaría para	Sustituir estrategia, arquitectura de contenidos o criterio de negocio	Publicar una web de cliente sin revisión técnica
Mi lectura	Muy útil si sabes qué quieres decidir	Útil si sabes qué estás desplegando

Si has llegado hasta aquí y estás pensando “yo venía por otra herramienta”

A lo mejor tú ni habías oído hablar de Claude Design ni de Claude WebKit. Quizá la herramienta que te habían enseñado era una app dentro de ChatGPT para hacer una web. O un GPT de esos que prometen construirte una landing a partir de cuatro frases.

También puede que lo hayas visto en Gemini Canvas, Wix AI, Squarespace Blueprint AI, Webflow AI, Framer, Hostinger AI Website Builder, Durable, v0 de Vercel, Bolt, Relume o Lovable.

¿Ves el problema? No nos da la vida.

Cuando salieron los gestores de contenidos, también parecía que había que opinar sobre Joomla, Drupal, WordPress o Mambo antes de hacer una web. No era así. La mayoría necesitaba decidir qué web le convenía, no estudiar todas las plataformas.

Ahora ocurre lo mismo, pero con IA, más ruido y más velocidad. “¿Con qué herramienta hago mi web?”

Por qué no recomiendo más herramientas de IA, aunque me las pidan

En realidad, casi siempre es otra pregunta: “¿Qué necesito que resuelva mi web y cuánto quiero implicarme en construirla, mantenerla y corregirla?”

Porque una herramienta puede ayudarte a generar una página. Puede darte una estructura inicial. Puede proponerte diseño, texto, secciones, código, imágenes, componentes y hasta una versión publicable.

Pero alguien tendrá que decidir si esa web dice lo correcto, si el mensaje encaja con tu negocio y si lo que parece bonito también convierte.

Y luego viene la parte que se suele olvidar: alguien tendrá que poner esa web online en condiciones.

Dominio, hosting, rendimiento, privacidad, cookies, accesibilidad, formularios, SEO básico, analítica, mantenimiento, seguridad, copias, redirecciones. Todo eso sigue existiendo aunque el primer borrador lo haya generado una IA.

Parece aprendizaje, pero muchas veces es dispersión con buena conciencia.

Por eso no me parece razonable que una persona que dirige un negocio se aparte durante horas, días o semanas para probar diez herramientas distintas y decidir cuál es la mejor. Esa es una trampa muy elegante: parece aprendizaje, pero muchas veces es dispersión.

Si te apetece experimentar, perfecto. Bienvenida al club del desarrollo: ilusión, pestañas abiertas y ese “solo voy a tocar una cosita más” a las once de la noche.

Pero si tienes un negocio que atender, quizá no necesitas probarlas todas.

Quizá necesitas que alguien te diga: para tu caso, esta tiene sentido; esta otra te va a generar dependencia; esta sirve para prototipar, pero no para publicar; esta mejor ni tocarla hasta que tengas claro el mensaje.

No se trata de imponer una herramienta sobre otra. Se trata de situar la decisión.

Porque elegir una herramienta de IA para hacer una web no es elegir una pantalla donde escribir prompts. Es elegir un nivel de control, un nivel de dependencia, un tipo de mantenimiento y una forma de trabajar.

Y eso conviene pensarlo antes de enamorarse de la demo.

Lo que el vídeo del «influencer» no suele enseñar

El vídeo enseña el momento limpio. La parte en la que todo parece funcionar.

No enseña la hora en la que le pides que cambie una sección y te estropea otra. No enseña cuando el diseño queda bonito, pero no responde a la intención comercial. No enseña cuando el texto suena correcto, pero no suena a ti. No enseña cuando el código compila, pero nadie ha revisado si tiene sentido mantenerlo.

Y, sobre todo, no enseña la parte más incómoda: la herramienta no sabe cuál es tu modelo de negocio.

En mi caso, Claude Design fue útil porque yo ya tenía decisiones tomadas: posicionamiento, sitemap, tono, estructura de páginas, qué se comunicaba y qué no. La herramienta no inventó eso. Lo trabajó conmigo. Hay una diferencia enorme.

Una cosa es pedirle a una IA que te ayude a poner en forma una decisión. Otra cosa es pedirle que decida por ti.

Entonces, ¿cuál elegiría?

Si quiero pensar una web, ordenar una propuesta visual, probar una estructura o ver distintas direcciones de diseño, elegiría Claude Design.

Si quiero generar una base técnica y tengo a alguien que pueda revisar código, dependencias y despliegue, probaría Claude WebKit o una solución similar apoyada en Claude Code.

Si no tengo claro qué quiero construir, no empezaría por ninguna de las dos. Primero decidiría la arquitectura de la página, el mensaje, la intención de cada bloque y qué necesita entender el usuario para dar el siguiente paso. Luego ya elegiría herramienta.

Porque una mala decisión acelerada sigue siendo una mala decisión. Solo que llega antes.

Menos herramientas, mejores decisiones

A mí no me interesa probar todas las herramientas de IA que aparecen cada semana. ¡No nos da la vida!

Con la IA está pasando lo mismo que pasó con las apps: una para tomar notas, otra para tareas, otra para guardar enlaces, otra para concentrarte, otra para medir si estabas siendo productiva mientras perdías tiempo midiendo tu productividad.

Cada semana aparece “la herramienta que lo cambia todo”. Luego la pruebas y descubres que hace una parte bien, otra regular, otra no la necesitas, y otra exige más criterio del que parecía.

El enfoque tiene que ser otro: qué problema tengo, qué decisión necesito tomar, qué herramienta encaja y qué coste oculto trae.

Coste oculto no siempre significa dinero. A veces significa aprendizaje. A veces significa dependencia técnica. A veces significa mantenimiento. A veces significa que una herramienta te lleva a tomar una decisión de diseño, contenido o tecnología antes de haberla pensado.

La herramienta no sustituye el criterio. Lo pone a prueba

Las herramientas buenas no eliminan la necesidad de criterio. La hacen más visible.

Cuando una herramienta te da diez opciones en cinco minutos, tú tienes que saber cuál descartar. Cuando te genera una landing entera, tú tienes que saber si esa landing comunica bien, si está inflando una promesa, si está mezclando públicos o si ha convertido tu negocio en una plantilla bonita.

La IA acelera. Sí. Pero también acelera los errores si nadie mira con calma.

Por eso voy a ir contando herramientas que pruebo o que me piden valorar, pero no como catálogo de novedades. No quiero alimentar esa ansiedad de “tienes que usar esto ya”.

Prefiero contar para qué sirve cada una, dónde ayuda, dónde engaña un poco y qué conviene tener claro antes de meterla en una decisión real.

Menos herramientas, mejores decisiones.

Y si una herramienta necesita demasiada explicación para que parezca sencilla, quizá la herramienta no era tan sencilla. O quizá el vídeo acabó justo antes del capítulo interesante.

Cuando una canción me encaja

Para cerrar, una canción que parece escrita para esta época de herramientas que prometen hacerlo todo más rápido, mejor y con menos esfuerzo. Pero una web no mejora solo porque se haya hecho más deprisa. Mejora cuando alguien sabe qué debe decir, qué debe omitir y qué decisión está tomando al elegir una herramienta. Daft Punk, “Harder, Better, Faster, Stronger”

FAQs

La forma más sensata de elegir una herramienta de IA para crear una web no es empezar probando diez opciones. Primero hay que decidir qué trabajo necesitas resolver: diseño, prototipo, contenido, código, publicación o mantenimiento. Claude Design puede ayudar en la parte visual y estratégica. Claude WebKit o herramientas similares pueden servir para generar una base técnica si hay revisión de desarrollo. La herramienta no elimina la decisión: la adelanta.

Fuentes de interés

• Anthropic: Introducing Claude Design by Anthropic Labs
• Claude Help Center: Get started with Claude Design
• Anthropic: Claude Code
• GitHub: Hainrixz/claude-webkit
• Google Gemini Canvas
• Google Blog: Gemini Canvas and code previews
• OpenAI: Introducing the GPT Store
• OpenAI Help: Creating and editing GPTs
• Wix AI Website Builder
• Squarespace AI Website Builder
• Webflow AI
• Vercel v0

En GaeaPeople trabajo la IA con criterio: menos herramientas, mejores decisiones aplicadas al negocio real.