Quieres una web a medida, pero te da pánico solo mirar el código y ni ganas de aprender. Todos los SEOs codigofóbicos están cansaditos ya de las limitaciones de WordPress, de los constructores visuales patateros y de instalar un plugin hasta para mover 2 milímetros el margen de un div.

Pues como no podía ser de otra forma, la IA ha llegado para salvarnos. Vengo a contarte cómo utilizar Claude Code como una especie de CMS conversacional. Es decir, gestionar y modificar una web directamente desde una inteligencia artificial, sin necesidad de aprender HTML, CSS o JavaScript.

Y no, no me refiero a pedirle a ChatGPT que te genere un código, copiarlo, pegarlo en algún sitio y rezar para que funcione.

Me refiero a conectar Claude Code a los archivos de tu web, pedirle cambios en lenguaje natural y dejar que se encargue de implementarlos.

Hace unos días decidí probarlo con una web real y, después de alguna que otra pelea con la terminal de Windows, conseguí que Claude Code se conectase al servidor FTP, analizase la estructura del sitio y empezase a preparar un entorno de trabajo.

Te cuento cómo lo hice, qué necesitas y, sobre todo, qué posibilidades tiene esto para alguien que no sabe programar.

Primero, ¿qué es Claude Code y por qué puede funcionar como CMS?

Claude Code es una herramienta de Anthropic que permite trabajar con código utilizando lenguaje natural.

La diferencia respecto al Claude que utilizas desde el navegador es bastante importante.

En el chat convencional puedes pedirle que escriba código, que te explique cómo modificar una web o que te ayude a solucionar un error. Pero, por lo general, eres tú quien tiene que encargarse de llevar esos cambios a los archivos reales.

Claude Code va un paso más allá.

Puede leer archivos, modificarlos, ejecutar comandos, crear carpetas, analizar proyectos completos y, si le proporcionas los accesos y herramientas necesarias, interactuar con servidores.

Y aquí es donde se pone interesante.

Porque si tu web está construida con HTML, CSS y JavaScript, y Claude Code puede acceder a esos archivos, puedes gestionar buena parte de la web simplemente hablando con él.

Por ejemplo:

  • «Cambia el diseño de la cabecera para que el menú sea más minimalista».
  • «Añade una nueva página de servicios siguiendo el estilo de las demás».
  • «Revisa todos los meta titles y dime cuáles están duplicados».
  • «Modifica el formulario de contacto para incluir un nuevo campo».
  • «Haz que el menú de navegación funcione mejor en móviles».

La idea es que Claude se encargue del trabajo técnico mientras tú decides qué quieres hacer.

Aquí por ejemplo no me decidía:

Eso sí, conviene aclarar algo: no estás instalando un CMS como WordPress. Estás utilizando un asistente de programación como interfaz para gestionar los archivos de una web.

No tendrás necesariamente un panel de administración, un editor visual o un sistema de usuarios. Pero para determinadas webs puede ser más que suficiente.

¿Qué necesitas para convertir Claude Code en tu CMS?

No necesitas saber programar, pero sí tener acceso a los archivos de la web y cierta disposición a trastear con herramientas que probablemente no hayas utilizado antes.

En mi caso, partía de una web estática y acceso FTP al servidor.

Te digo una cosa: es verdad que también puedes trabajar con Claude Code desde el claude desktop normal, pero el que vamos a instalar aquí te permite trastear directamente con tu ordenador como servidor y no sé… Es realmente el que recomiendo jeje

Para reproducir el experimento necesitas:

  1. Una web cuyos archivos puedas editar. Idealmente, una web estática construida con HTML, CSS y JavaScript.
  2. Acceso al servidor. Preferiblemente mediante SFTP o SSH. También puedes trabajar con FTP, aunque es menos seguro.
  3. Node.js instalado en tu ordenador. Lo utilizaremos para instalar Claude Code.
  4. Acceso a Claude Code. Mediante una suscripción compatible de Claude o facturación por API.
  5. Una carpeta de trabajo en tu ordenador. Será el espacio desde el que Claude gestionará el proyecto.

Yo utilicé Windows, así que los siguientes pasos están explicados para este sistema operativo.

Paso 1. Instalar Node.js

Lo primero es entrar en nodejs.org e instalar una versión compatible de Node.js.

Una vez instalado, abre el Símbolo del sistema de Windows (CMD).

Puedes hacerlo buscando «cmd» en el menú Inicio.

Para comprobar que Node.js está instalado correctamente, escribe:

node --version

Si aparece un número de versión, perfecto.

Y aquí mi primera metedura de pata: abrí directamente la consola interactiva de Node.js e intenté ejecutar desde allí el comando de instalación de Claude Code.

Naturalmente, no funcionó.

El problema es que la consola de Node.js no es lo mismo que CMD. La primera sirve para ejecutar JavaScript de forma interactiva; la segunda permite ejecutar comandos del sistema.

Si te ocurre, escribe .exit o pulsa Ctrl + D para salir y abre CMD.

Paso 2. Instalar Claude Code

Con CMD abierto, ejecuta:

npm install -g @anthropic-ai/claude-code

Este comando instala Claude Code globalmente en tu ordenador.

En mi caso, la instalación tardó apenas unos segundos.

Si aparece un aviso indicando que hay una nueva versión de npm disponible, no significa necesariamente que la instalación haya fallado. Puedes actualizar npm más adelante.

Paso 3. Crear una carpeta de trabajo

Ahora necesitas decidir desde qué carpeta vas a trabajar.

Yo creé una carpeta en el escritorio llamada WEB aliciaruiz.es, correspondiente al proyecto con el que estaba haciendo la prueba.

Para acceder desde CMD, utilicé este comando:

cd "%USERPROFILE%\Desktop\WEB aliciaruiz.es"

Evidentemente, tendrás que sustituir el nombre de la carpeta por el tuyo.

Las comillas son importantes si la ruta contiene espacios.

Esta carpeta servirá para guardar archivos de trabajo, copias locales, instrucciones del proyecto y cualquier otro recurso que Claude necesite.

Y ojo: no es necesario descargarse toda la web al ordenador.

De hecho, esa era una de mis principales preocupaciones cuando empecé a investigar cómo hacerlo.

Quería trabajar directamente sobre los archivos del servidor sin tener que descargarme una web entera cada vez que necesitase modificar algo.

La solución es que Claude puede consultar y transferir únicamente los archivos necesarios.

Paso 4. Abrir Claude Code por primera vez

Una vez dentro de la carpeta de trabajo, escribe:

claude

Y listo. Se abrirá Claude Code directamente en tu terminal.

La primera vez tendrás que completar una pequeña configuración: elegir el tema visual, iniciar sesión y aceptar las advertencias de seguridad.

Yo seleccioné el modo oscuro y accedí mediante mi cuenta de Claude.

Si tienes una suscripción compatible, puedes utilizarla para autenticarte. También existe la opción de utilizar una cuenta de Anthropic Console con facturación por consumo de API.

Antes de empezar, Claude también te preguntará si confías en la carpeta desde la que estás trabajando. Y yo que sí que sí a todo, vendiéndole mi alma al diablo jeje

Tiene sentido: esta herramienta puede leer, modificar y ejecutar archivos dentro de tu entorno de trabajo, así que no deberías concederle acceso a proyectos desconocidos sin revisarlos previamente…

Una vez completado este proceso, aparecerá la interfaz principal de Claude Code.

Y aquí empieza lo bueno…

Cómo conectar Claude Code a los archivos de tu web mediante FTP

Hasta este punto, lo único que hemos hecho es instalar una herramienta en nuestro ordenador.

Ahora toca convertirla en algo parecido a un CMS.

Mi objetivo era bastante sencillo: quería que Claude accediese a los archivos de una web alojada en un servidor remoto, los analizase y pudiese modificarlos siguiendo mis instrucciones.

No tenía acceso al panel de administración del hosting. Únicamente disponía de las credenciales FTP.

Al principio pensé en conectar FileZilla con Claude, pero realmente no hacía falta.

FileZilla es un cliente FTP con interfaz gráfica, imagino que esto ya lo controlas. Claude Code no necesita controlar FileZilla si puede comunicarse directamente con el servidor mediante comandos.

Paso 5. Proporcionarle acceso al servidor

Desde la interfaz de Claude Code, le expliqué lo que necesitaba:

Necesito conectarme a un servidor para editar los archivos de una web. Quiero que actúes como un CMS: analiza su estructura, prepara un entorno de staging y realiza los cambios que te vaya solicitando. Antes de publicar cualquier modificación en producción, quiero poder revisarla y aprobarla.

Después le facilité los datos necesarios para la conexión.

En mi caso, Claude utilizó comandos de terminal para conectarse por FTP, consultar el directorio raíz y examinar los archivos.

Importante: no incluyas contraseñas directamente en prompts, archivos de instrucciones o comandos que puedan quedar registrados en historiales. Es preferible utilizar autenticación segura y un mecanismo de gestión de credenciales. Si el servidor admite SFTP, utilízalo antes que FTP convencional.

Paso 6. Autorizar los comandos

Una de las cosas que me gustó de Claude Code es que, al menos en el modo de permisos que estaba utilizando, no ejecutaba todos los comandos sin preguntarme.

Por ejemplo, cuando quiso consultar los archivos del servidor, apareció una pantalla solicitando autorización.

Podía permitir la ejecución de ese comando concreto o cambiar el modo de aprobación.

[No voy a poner imágenes porque me da cosilla a ver si se me escapan contraseñas, ¿pero ya sabéis como es pedir permisos y aceptarlos no?]

Mi recomendación es que, especialmente al principio, mantengas las aprobaciones manuales.

Puede resultar un poco más pesado tener que confirmar determinados comandos, pero estás trabajando con archivos reales de una web.

Y una cosa es equivocarte al modificar un botón y otra bastante distinta es cargarte la página de inicio en producción.

Paso 7. Pedirle que analice la estructura de la web

Una vez establecida la conexión, Claude comenzó a inspeccionar los archivos.

Identificó que se trataba de una web estática construida en HTML y servida desde el directorio raíz.

También revisó cómo se enlazaban los recursos para determinar de qué manera podía preparar un entorno de pruebas.

En mi caso, detectó que se utilizaban rutas relativas, lo que facilitaba la posibilidad de trabajar con una copia del sitio en un subdirectorio.

Este paso es importante porque no todas las webs funcionan igual.

Una web estática relativamente sencilla no tiene las mismas dependencias que una aplicación React, una tienda WooCommerce o un proyecto construido con un framework que necesita compilarse antes de publicarse.

Y una cosa, y esta sí creo que será la última captura. Tuve ya que amenazarle que aquí se hablaba español o le despedía, estaba muy pesado tratando de imponerme su lengua:

Paso 8. Preparar staging antes de tocar producción

Aquí hay algo que considero fundamental.

Que Claude pueda editar directamente los archivos de tu web no significa que debas permitirle publicar cualquier cambio sin supervisión.

Desde el principio le indiqué que quería trabajar con un entorno de staging.

Es decir, una versión de pruebas en la que pudiera ver las modificaciones antes de trasladarlas a la web pública.

En mi caso, Claude propuso utilizar un subdirectorio /staging/, ya que no encontró un entorno de pruebas existente.

También comenzó a preparar una copia local de los archivos principales como respaldo.

Hay que tener en cuenta que crear una carpeta llamada /staging/ no garantiza por sí solo que tengas un entorno de pruebas correctamente aislado.

Es necesario comprobar que las rutas funcionan, que no se modifican recursos compartidos con producción y que el entorno no queda indexable por los buscadores.

Para esto último, lo adecuado es proteger staging mediante autenticación y, si procede, añadir también una directiva noindex. Un simple bloqueo en robots.txt no es suficiente.

En la conversación que mantuve con Claude se llegó a plantear y preparar este flujo, pero eso no equivale a haber verificado un sistema completo de despliegue y publicación.

La configuración concreta dependerá de tu servidor y de cómo esté construida la web.

Y ahora sí, ¿cómo sería editar la web como si tuvieses un CMS?

Imagina que ya tienes configurado el acceso al servidor, una copia de seguridad y un staging funcional.

A partir de aquí, tu forma de trabajar puede ser tan sencilla como escribir:

«Quiero modificar la sección de servicios. Cambia la disposición de las tarjetas para que aparezcan tres por fila en escritorio y una en móvil. Mantén la tipografía y los colores actuales».

Claude puede identificar los archivos implicados, modificar el código y preparar el resultado para que lo revises.

Después podrías pedirle:

«Enséñame qué archivos has cambiado y comprueba que no has alterado ninguna otra sección».

Y, cuando hayas comprobado el resultado:

«Publica en producción únicamente los cambios que he aprobado y conserva una copia de los archivos originales».

Ese sería el flujo ideal.

No significa que todas las modificaciones salgan perfectas a la primera. De hecho, precisamente por eso conviene trabajar con staging, revisar los cambios y tener siempre una forma de revertirlos.

Pero la diferencia respecto a editar una web manualmente es enorme: ya no necesitas localizar tú misma cada fragmento de código ni saber cómo escribirlo.

Tu trabajo pasa a consistir en explicar lo que quieres conseguir, revisar el resultado y decidir si se publica.

¿Tengo que configurar todo esto cada vez que quiera editar mi web?

No.

Una vez instalado Claude Code, puedes cerrar la terminal y volver a abrirlo cuando quieras.

En mi caso, bastaría con ejecutar:

cd "%USERPROFILE%\Desktop\WEB aliciaruiz.es"

Y después:

claude

No necesitas volver a instalar Node.js ni Claude Code cada vez que quieras trabajar.

Eso sí, hay un detalle interesante: aunque Claude Code puede conservar conversaciones y permitirte reanudarlas, no debes asumir que siempre recordará automáticamente todos los detalles técnicos del proyecto.

Para eso existe un archivo especialmente útil: CLAUDE.md.

Puedes guardarlo en la carpeta de trabajo y utilizarlo para definir instrucciones persistentes.

Por ejemplo:

  • La estructura general del proyecto.
  • El idioma en el que quieres que responda.
  • Qué archivos puede modificar y cuáles no.
  • La obligación de trabajar primero en staging.
  • Las comprobaciones que debe realizar antes de publicar.
  • Las convenciones de diseño, desarrollo y SEO que debe respetar.

Es una manera de evitar tener que explicarle desde cero cómo quieres trabajar cada vez que abras una sesión.

Eso sí, no guardes contraseñas ni otros secretos dentro de ese archivo.

¿Y qué pasa si mi web está hecha con WordPress?

Aquí hay un matiz importante.

Claude Code puede trabajar con los archivos de WordPress, pero eso no significa que pueda sustituir automáticamente su panel de administración.

En una web estática, buena parte del contenido está directamente en archivos HTML.

En WordPress, en cambio, las páginas, entradas y muchos ajustes se almacenan en una base de datos.

Por eso, tener acceso a los archivos mediante FTP no equivale a tener acceso a todo el contenido del sitio.

Claude Code puede ayudarte a modificar plantillas, CSS, funcionalidades de un tema o archivos de desarrollo, pero para gestionar contenidos de WordPress necesitarías un acceso adicional, por ejemplo mediante su API REST y los permisos correspondientes.

Además, modificar directamente los archivos del núcleo de WordPress o de plugins de terceros no es una buena práctica.

Por tanto, ¿puedes utilizar Claude Code para trabajar con WordPress? Sí.

¿Tiene sentido sustituir completamente WordPress por Claude Code en una web que ya utiliza ese CMS? No necesariamente… Pero yo sí lo he hecho ya jeje

La web que estás viendo es un WordPress, y utilizo Claude Code como CMS. Nonsense.

De todas formas donde personalmente veo más potencial a este sistema es en las webs estáticas y en los proyectos a medida que no necesitan ni tienen un panel de administración tradicional.

¿Es realmente una alternativa a WordPress, Webflow o Elementor?

Depende de lo que necesites.

Si quieres crear una web a medida, controlar completamente su diseño y no depender de un constructor visual, Claude Code puede abrirte muchas posibilidades.

Pero también hay que entender qué estás sacrificando.

WordPress ofrece una interfaz gráfica, gestión de usuarios, un sistema de contenidos, plugins, revisiones y numerosas funcionalidades que ya vienen resueltas.

Claude Code no te proporciona todo eso automáticamente.

Lo que te ofrece es otra forma de interactuar con el desarrollo de tu web.

En lugar de adaptar tus ideas a las posibilidades de un editor visual, puedes describir lo que necesitas y pedirle que lo implemente directamente en el código.

Para una web corporativa sencilla, una landing, un portfolio o un proyecto personal, me parece especialmente interesante.

Para un ecommerce complejo, una web con múltiples editores o un proyecto que necesita numerosas integraciones, ya habría que valorar muchas más cosas.

Y, por supuesto, hay una diferencia entre no necesitar escribir código y no necesitar entender absolutamente nada de cómo funciona una web.

No saber programar no te impide utilizar Claude Code, pero tener nociones básicas sobre archivos, servidores, dominios, copias de seguridad y entornos de pruebas te ayudará muchísimo.

Como especialista en SEO técnico que soy, me parece imprescindible tener como mínimo ciertas nociones de desarrollo front end para cualquier implementación web, que quieras hacer, así dejes a la IA al mando. No puedes normalizar ser codigofóbico en esta profesión cari.

¿Y cuánto cuesta utilizar Claude Code como CMS?

Otro punto que conviene tener en cuenta es el consumo.

Claude Code puede utilizarse con determinadas suscripciones de Claude o mediante facturación por API.

Pero no funciona exactamente como abrir una conversación normal y hacer un par de preguntas.

Cuando trabaja sobre un proyecto puede necesitar leer varios archivos, analizar dependencias, ejecutar comandos, revisar resultados y repetir operaciones.

Todo eso consume capacidad de uso o tokens facturables, dependiendo del sistema de acceso que utilices.

Por tanto, no daría por hecho que va a resultar más barato que un CMS convencional.

Tampoco existe un multiplicador fijo que permita afirmar que consume diez o veinte veces más que el chat: depende del modelo, la tarea, los archivos y las herramientas utilizadas.

Para pequeños cambios esporádicos quizá siga siendo más práctico utilizar un editor tradicional tipo Visual Studio.

Pero si trabajas habitualmente sobre una web a medida, necesitas implementar modificaciones complejas o quieres prescindir de las limitaciones de un constructor visual, el planteamiento puede resultar bastante atractivo.

Algunas precauciones antes de darle acceso a tu web

A ver, ¿esto creo que es obvio no? Cualquier IA, también Claude Code, puede equivocarse.

Puede interpretar mal una instrucción, modificar más archivos de los necesarios, introducir errores de JavaScript o alterar una funcionalidad que aparentemente no tenía relación con el cambio solicitado.

Y si le has concedido permisos de escritura en producción, las consecuencias pueden ser bastante más serias que una respuesta incorrecta en un chat.

Por eso, antes de utilizarlo con una web real, yo establecería unas reglas bastante claras:

  • Trabajar siempre sobre staging y publicar únicamente después de revisar los cambios.
  • Mantener copias de seguridad recuperables y comprobar que se pueden restaurar.
  • Utilizar SFTP o SSH siempre que sea posible y credenciales con permisos limitados.
  • Revisar los comandos antes de autorizarlos, especialmente los que modifican o eliminan archivos.
  • Comprobar el funcionamiento de la web después de cada publicación.
  • Evitar que el entorno de pruebas quede accesible e indexable públicamente.

Y añadiría otra recomendación: si tienes conocimientos suficientes, utiliza Git para controlar versiones.

No es imprescindible para empezar a experimentar, pero facilita muchísimo la identificación y reversión de cambios.

Mi conclusión: quizá no necesitas aprender a programar para tener la web que quieres

A ver, para proyectos profesionales como los que llevamos con la mayoría de clientes, siempre tiene que haber un desarrollador de carrera detrás y, por supuesto, como he repetido una y mil veces, un SEO técnico tiene que saber interpretar código y no puede normalizar que Claude Code sea más experto que él.

Hasta ahí espero haberme explicado bien.

Por otro lado, es cierto que durante años, tener una web completamente a medida implicaba a muchísimas personas, muchísimo más tiempo y de muchísimas tecnologías.

Aunque los constructores visuales han facilitado muchísimo las cosas, siguen teniendo sus limitaciones.

Lo interesante de herramientas como Claude Code es que empiezan a cambiar esa relación.

Ya no necesitas necesariamente saber escribir CSS para modificar un diseño ni dominar JavaScript para pedir una funcionalidad concreta.

Puedes explicar qué quieres conseguir y dejar que una IA se encargue de buena parte de la implementación técnica, y si luego quieres iterarla y escalarla de forma limpia y profesional, ahí si necesitarás conocimientos senior.

Porque recordemos que esto no elimina la necesidad de supervisión, mantenimiento o conocimientos básicos. Y desde luego no convierte automáticamente a Claude Code en un CMS completo.

Pero sí permite plantearse algo que hace no tanto parecía bastante menos accesible: tener una web a medida, sin depender de un constructor visual y sin saber programar.

Mi experimento comenzó con una pregunta bastante sencilla: «¿Puedo conectar Claude a mi FTP y utilizarlo como si fuese un CMS?».

Y terminé con Claude Code instalado, conectado al servidor, analizando los archivos de la web y preparando un flujo de trabajo con staging y copias de seguridad.

No está nada mal para empezar.

Ahora bien, lo verdaderamente interesante no es que Claude pueda modificar un HTML. Es que podamos empezar a gestionar proyectos digitales a través de instrucciones en lenguaje natural, sin tener que interactuar directamente con cada una de las tecnologías que hay detrás ni robar tiempo al equipo web para pequeñas implementaciones.

Y eso, para quienes llevamos tiempo queriendo hacer cosas a medida sin convertirnos necesariamente en desarrolladores, abre bastantes puertas.