Cómo entrenar Claude con tus datos y crear una página web con IA

Picture of Margot Duek

Margot Duek

En este tutorial vemos cómo usar Claude Cowork como una capa de contexto para trabajar con información real de una persona o negocio. El proceso consiste en crear una carpeta con información relevante, permitir que Claude consulte esos archivos y utilizar ese contexto para organizar ideas, trabajar SEO y AEO y construir una primera versión de una página web con inteligencia artificial. También mostramos cómo pasar de un prototipo generado con Claude a Lovable, la diferencia entre HTML, CSS y JavaScript, la importancia de los permisos al trabajar con herramientas de IA y por qué tener información almacenada no genera valor si no la utilizamos para tomar mejores decisiones.
  • Cómo darle contexto a Claude utilizando archivos, documentos y una base de conocimiento personalizada.
  • Por qué es importante crear una carpeta específica para Claude y controlar los permisos de acceso.
  • Cómo utilizar Claude Cowork para trabajar con información de tu negocio, proyecto o marca personal.
  • Cómo organizar información existente para que Claude pueda entender mejor quién eres y qué necesitas construir.
  • Por qué utilizar archivos Markdown puede ser más eficiente al trabajar con modelos de inteligencia artificial.
  • Cómo pedirle a Claude que analice información y detecte qué datos faltan para avanzar.
  • Cómo transformar ideas desordenadas en una estructura clara utilizando inteligencia artificial.
  • Cómo utilizar Claude para definir la arquitectura y contenido de una página web.
  • Cómo aprovechar Claude para trabajar conceptos de SEO y AEO durante la creación de una página.
  • La diferencia entre utilizar inteligencia artificial como herramienta y realmente integrarla en tus procesos.
  • Cómo crear una primera versión de una página web utilizando HTML generado con inteligencia artificial.
  • Qué son HTML, CSS y JavaScript y cómo funcionan dentro de una página web.
  • Cómo utilizar Lovable para convertir una idea generada con IA en una página funcional.
  • Por qué una página creada con inteligencia artificial necesita contexto, estrategia y objetivos claros.
  • Cómo convertir la información almacenada de una persona o negocio en activos digitales utilizando inteligencia artificial.

Cómo darle contexto a Claude con tus propios datos

Usar Claude como un chatbot y usarlo como una herramienta que conoce el contexto de tu trabajo son dos experiencias muy distintas.

En este tutorial partimos de una carpeta con información sobre una persona, un negocio o un proyecto y utilizamos Claude Cowork para trabajar directamente sobre ese contexto. La idea no es reentrenar técnicamente el modelo, sino darle acceso controlado a la información que necesita para entender mejor qué haces, cuáles son tus objetivos y qué materiales ya existen.

Una recomendación importante es crear una carpeta específica para Claude y darle acceso únicamente a ese espacio, en lugar de abrirle toda la computadora. Dentro puedes guardar información sobre tu empresa, productos, publicaciones, métricas, biografía, documentos internos, referencias visuales y cualquier otro material que resulte relevante para el trabajo que quieres realizar.

Crear una base de conocimiento para Claude

Una vez que Claude tiene acceso al espacio correcto, el siguiente paso es darle contexto suficiente.

Puedes comenzar explicándole:

  • quién eres o qué hace tu empresa;
  • qué quieres conseguir;
  • qué tipo de clientes o audiencia tienes;
  • qué materiales ya existen;
  • qué temas trabajas;
  • qué estilo de comunicación utilizas;
  • qué información necesita considerar antes de tomar decisiones.

En el video utilizamos archivos Markdown como una forma práctica de almacenar información en texto y mantenerla disponible dentro de la carpeta de trabajo.

También utilizamos el micrófono para proporcionar contexto más rápido. No necesitas convertir cada idea en un prompt perfectamente estructurado antes de comenzar. Puedes explicar tus ideas de manera natural y pedirle a Claude que las organice, identifique lo importante y determine qué información falta.

SEO y AEO desde la planeación de una página web

Uno de los objetivos del ejercicio es crear una página que no solamente se vea bien, sino que tenga una estructura útil para buscadores y sistemas de inteligencia artificial.

Por eso trabajamos dos conceptos:

SEO, Search Engine Optimization, enfocado en facilitar que motores de búsqueda como Google comprendan y posicionen el contenido.

AEO, Answer Engine Optimization, enfocado en estructurar la información para que motores de respuesta y asistentes de IA puedan identificar entidades, temas, relaciones y respuestas con mayor claridad.

Claude analiza el material existente y propone qué información debería contener la página, qué temas necesitan estar claramente definidos y qué activos faltan antes de construirla.

De tus archivos a la arquitectura de una página

Con el contexto disponible, Claude puede ayudarte a pasar de información desordenada a una estructura concreta.

En el ejemplo del video analiza contenido previo, publicaciones, temas, posicionamiento y objetivos para proponer las secciones que debería tener una página personal orientada a conferencias, prensa y negocios.

Este mismo proceso se puede utilizar para una empresa, un producto, un portafolio o cualquier otro proyecto.

El valor no está únicamente en pedir:

“Créame una página web”.

La diferencia está en que la herramienta tenga suficiente contexto para saber qué página necesita crear, para quién, con qué información y con qué objetivo.

Crear una primera versión en HTML

Después de definir la arquitectura, pedimos a Claude que convierta la propuesta en HTML para poder verla directamente.

Esto permite iterar rápidamente sobre:

  • estructura;
  • contenidos;
  • jerarquía;
  • identidad visual;
  • colores;
  • tipografía;
  • llamados a la acción;
  • formularios;
  • secciones.

También vemos por qué una página visualmente terminada no necesariamente está lista para producción.

HTML define principalmente la estructura. CSS controla la presentación visual. JavaScript y otros componentes técnicos permiten agregar comportamiento y funcionalidad.

Por ejemplo, un formulario puede verse perfectamente diseñado, pero eso no significa que ya esté conectado a una base de datos o que realmente envíe información.

Pasar el prototipo de Claude a Lovable

Una vez que la estructura y el diseño ya tienen sentido, usamos Claude para generar un prompt que permita reconstruir la propuesta en Lovable.

Esto convierte el prototipo en algo que se puede publicar rápidamente y sirve para probar una idea, construir un MVP o validar una experiencia antes de invertir en una implementación más robusta.

El tutorial también muestra una segunda prueba en la que se entrega a Lovable mayor libertad creativa. Comparar ambas versiones ayuda a entender otra lección importante: mientras más contexto relevante tenga una herramienta, más posibilidades existen de que el resultado respete realmente tu marca y tus objetivos.

Claude, contexto y permisos

Cuando una herramienta puede trabajar con archivos, navegador y computadora, los permisos importan.

Claude solicita autorización para determinadas acciones y el sistema operativo mantiene controles sobre los recursos a los que puede acceder.

Por eso conviene trabajar siguiendo un principio sencillo: darle a la IA el contexto que necesita para hacer su trabajo, pero no acceso indiscriminado a información que no necesita.

El verdadero valor está en utilizar la información

El tutorial termina con una idea que resume todo el ejercicio: acumular información no genera valor por sí mismo.

Puedes tener años de publicaciones, documentos, métricas, aprendizajes, procesos y conocimiento guardados. Si nunca vuelves a consultar esos datos, gran parte de su valor permanece atrapado.

Una herramienta como Claude puede convertirse en una interfaz para consultar, organizar y utilizar ese conocimiento.

La ventaja no está simplemente en tener más datos. Está en poder hacer mejores preguntas sobre ellos y convertirlos en decisiones, contenido, sistemas y activos que realmente puedas usar. 

Sigamos hablando de Claude.

Si ya usas Claude antes de este video, está perfecto. Si usabas alguna otra LLM como ChatGPT, Gemini, DeepSeek o cualquier otra herramienta, te invito a ver este otro video donde explico cómo importar toda la memoria que tenías para poder utilizarla en Claude.

La idea de este video es algo que personalmente me cambió la vida y quiero compartirlo porque estoy segura de que puede hacer una gran diferencia.

Lo que vamos a hacer es entrenar Claude y dejarle un documento, un archivo o una carpeta con todo lo que puede saber de ti para que te ayude con lo que necesitas.

Y al final, para ponerle la cereza al pastel, vamos a crear mi página web o, en tu caso, la página web de tu negocio, proyecto o cualquier cosa que necesites construir con Claude.

Entonces empezamos.

Recuerden que Claude tiene que estar en la computadora. Si todavía no lo has descargado, descarga la aplicación y vamos a trabajar desde ahí.

Yo ya tengo mucha información guardada, pero voy a tratar de rellenar un poco más para que no sea tan tedioso. La recomendación es que ustedes traten de darle la mayor cantidad de información posible.

Dentro de Claude podemos utilizar el chat normal, pero en este caso vamos a usar Claude Cowork.

Vamos a elegir una carpeta específica para trabajar.

Algo que siempre recomiendo es hacer una carpeta exclusiva para lo que van a utilizar con Claude. No le den acceso a toda su computadora porque queremos trabajar con seguridad y tranquilidad.

Cada vez que Claude vaya a hacer algo en la computadora tiene que tener permiso. Si le damos acceso a toda la computadora, le estamos dando acceso a todo.

Por eso es mejor darle acceso únicamente a la carpeta donde queremos trabajar.

En este caso vamos a usar una carpeta de TRiAGE, mi empresa donde nos dedicamos a analizar problemas de negocios para ofrecer soluciones con inteligencia artificial que realmente tengan retorno de inversión.

Dentro de esta carpeta ya tengo información de la empresa, pero me falta una parte importante: todo lo relacionado conmigo como figura pública.

Tengo información de mi trabajo, de mis pláticas, de cursos y de eventos, pero quiero construir una página web y no sé exactamente qué información necesito poner.

Entonces le voy a pedir a Claude que revise todos los archivos que tengo y me diga qué información necesita para poder ayudarme.

Una recomendación importante es utilizar archivos Markdown porque son formatos ligeros y funcionan muy bien para trabajar con modelos de inteligencia artificial.

Si tenemos archivos muy pesados, como documentos de Word con mucho formato, puede ser más complicado para la herramienta procesarlos.

Claude empieza a revisar la información disponible y a partir de ahí comienza a hacer preguntas.

Me pregunta cuál es el foco principal de mi posicionamiento como speaker: liderazgo empresarial, inteligencia artificial, transformación, negocios o una combinación.

Después de responder, Claude empieza a organizar la información y propone una estructura para la página.

Aquí es donde se vuelve muy poderoso: no solamente le estoy pidiendo que haga una página bonita, sino que le estoy dando contexto sobre quién soy, qué hago y a quién quiero llegar.

También empieza a considerar temas como SEO y AEO.

Si no conoces estos conceptos, SEO significa optimización para motores de búsqueda y AEO significa optimización para motores de respuesta.

La diferencia entre simplemente usar inteligencia artificial y realmente integrarla está en construir procesos donde la herramienta tenga contexto y pueda ayudarte mejor.

Después Claude propone la arquitectura que necesita la página y comienza a organizar las diferentes secciones.

Una de las partes más interesantes es crear una primera versión de la página utilizando HTML.

Aquí es importante entender que una página web tiene diferentes capas.

El HTML es la estructura, como las varillas y el cemento de un edificio.

El CSS es la parte visual, como los colores, acabados y diseño.

JavaScript es la parte que permite que las cosas funcionen, como las instalaciones de un edificio.

Una página puede verse muy bonita, pero todavía necesitar conexiones técnicas para funcionar correctamente.

Después tomo esta primera versión y le pido a Claude que me ayude a generar un prompt para probarla en Lovable.

La idea es convertir esta propuesta en algo más cercano a una página real que pueda compartir o pasar a desarrollo.

Esto no significa que cualquier página generada por inteligencia artificial esté lista automáticamente para producción.

Es una herramienta para iterar, validar ideas y construir más rápido.

Al final logramos entrenar a Claude con una base de información, crear una estructura de página y utilizar todo ese conocimiento para construir algo nuevo.

Y eso es lo más poderoso.

Tener información y no utilizarla es como tener hambre y no ir a la despensa sabiendo que tienes comida ahí.

Si tenemos la capacidad y la oportunidad de utilizar toda esta información, ¿por qué no hacerlo?

Gracias por ver este video. Si te gustó, suscríbete, dale like, compártelo y déjame tus dudas en los comentarios.

Soy Margot Duek, directora de TRiAGE Business Health. Ayudamos a empresas a implementar inteligencia artificial buscando realmente un retorno de inversión.

Si quieres conocer cómo podemos ayudarte, puedes agendar un X-Ray gratuito para analizar tu caso.