{"id":2529,"date":"2026-09-09T18:58:05","date_gmt":"2026-09-09T18:58:05","guid":{"rendered":"https:\/\/margotduek.com\/?post_type=videos&p=2529"},"modified":"2026-09-09T19:01:36","modified_gmt":"2026-09-09T19:01:36","slug":"entrenar-claude-con-tus-datos-crear-pagina-web-ia","status":"publish","type":"videos","link":"https:\/\/margotduek.com\/en\/videos\/entrenar-claude-con-tus-datos-crear-pagina-web-ia\/","title":{"rendered":"C\u00f3mo entrenar Claude con tus datos y crear una p\u00e1gina web con IA"},"content":{"rendered":"

C\u00f3mo darle contexto a Claude con tus propios datos<\/strong><\/h2>\n\n\n\n

Usar Claude como un chatbot y usarlo como una herramienta que conoce el contexto de tu trabajo son dos experiencias muy distintas.<\/p>\n\n\n\n

En este tutorial partimos de una carpeta con informaci\u00f3n sobre una persona, un negocio o un proyecto y utilizamos Claude Cowork para trabajar directamente sobre ese contexto. La idea no es reentrenar t\u00e9cnicamente el modelo, sino darle acceso controlado a la informaci\u00f3n que necesita para entender mejor qu\u00e9 haces, cu\u00e1les son tus objetivos y qu\u00e9 materiales ya existen.<\/p>\n\n\n\n

Una recomendaci\u00f3n importante es crear una carpeta espec\u00edfica para Claude y darle acceso \u00fanicamente a ese espacio, en lugar de abrirle toda la computadora. Dentro puedes guardar informaci\u00f3n sobre tu empresa, productos, publicaciones, m\u00e9tricas, biograf\u00eda, documentos internos, referencias visuales y cualquier otro material que resulte relevante para el trabajo que quieres realizar.<\/p>\n\n\n\n

Crear una base de conocimiento para Claude<\/strong><\/h2>\n\n\n\n

Una vez que Claude tiene acceso al espacio correcto, el siguiente paso es darle contexto suficiente.<\/p>\n\n\n\n

Puedes comenzar explic\u00e1ndole:<\/p>\n\n\n\n

    \n
  • qui\u00e9n eres o qu\u00e9 hace tu empresa;<\/li>\n\n\n\n
  • qu\u00e9 quieres conseguir;<\/li>\n\n\n\n
  • qu\u00e9 tipo de clientes o audiencia tienes;<\/li>\n\n\n\n
  • qu\u00e9 materiales ya existen;<\/li>\n\n\n\n
  • qu\u00e9 temas trabajas;<\/li>\n\n\n\n
  • qu\u00e9 estilo de comunicaci\u00f3n utilizas;<\/li>\n\n\n\n
  • qu\u00e9 informaci\u00f3n necesita considerar antes de tomar decisiones.<\/li>\n<\/ul>\n\n\n\n

    En el video utilizamos archivos Markdown como una forma pr\u00e1ctica de almacenar informaci\u00f3n en texto y mantenerla disponible dentro de la carpeta de trabajo.<\/p>\n\n\n\n

    Tambi\u00e9n utilizamos el micr\u00f3fono para proporcionar contexto m\u00e1s r\u00e1pido. 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\u00e9 informaci\u00f3n falta.<\/p>\n\n\n\n

    SEO y AEO desde la planeaci\u00f3n de una p\u00e1gina web<\/strong><\/h2>\n\n\n\n

    Uno de los objetivos del ejercicio es crear una p\u00e1gina que no solamente se vea bien, sino que tenga una estructura \u00fatil para buscadores y sistemas de inteligencia artificial.<\/p>\n\n\n\n

    Por eso trabajamos dos conceptos:<\/p>\n\n\n\n

    SEO, Search Engine Optimization<\/strong>, enfocado en facilitar que motores de b\u00fasqueda como Google comprendan y posicionen el contenido.<\/p>\n\n\n\n

    AEO, Answer Engine Optimization<\/strong>, enfocado en estructurar la informaci\u00f3n para que motores de respuesta y asistentes de IA puedan identificar entidades, temas, relaciones y respuestas con mayor claridad.<\/p>\n\n\n\n

    Claude analiza el material existente y propone qu\u00e9 informaci\u00f3n deber\u00eda contener la p\u00e1gina, qu\u00e9 temas necesitan estar claramente definidos y qu\u00e9 activos faltan antes de construirla.<\/p>\n\n\n\n

    De tus archivos a la arquitectura de una p\u00e1gina<\/strong><\/h2>\n\n\n\n

    Con el contexto disponible, Claude puede ayudarte a pasar de informaci\u00f3n desordenada a una estructura concreta.<\/p>\n\n\n\n

    En el ejemplo del video analiza contenido previo, publicaciones, temas, posicionamiento y objetivos para proponer las secciones que deber\u00eda tener una p\u00e1gina personal orientada a conferencias, prensa y negocios.<\/p>\n\n\n\n

    Este mismo proceso se puede utilizar para una empresa, un producto, un portafolio o cualquier otro proyecto.<\/p>\n\n\n\n

    El valor no est\u00e1 \u00fanicamente en pedir:<\/p>\n\n\n\n

    \n

    \u201cCr\u00e9ame una p\u00e1gina web\u201d.<\/p>\n<\/blockquote>\n\n\n\n

    La diferencia est\u00e1 en que la herramienta tenga suficiente contexto para saber qu\u00e9 p\u00e1gina necesita crear, para qui\u00e9n, con qu\u00e9 informaci\u00f3n y con qu\u00e9 objetivo<\/strong>.<\/p>\n\n\n\n

    Crear una primera versi\u00f3n en HTML<\/strong><\/h2>\n\n\n\n

    Despu\u00e9s de definir la arquitectura, pedimos a Claude que convierta la propuesta en HTML para poder verla directamente.<\/p>\n\n\n\n

    Esto permite iterar r\u00e1pidamente sobre:<\/p>\n\n\n\n

      \n
    • estructura;<\/li>\n\n\n\n
    • contenidos;<\/li>\n\n\n\n
    • jerarqu\u00eda;<\/li>\n\n\n\n
    • identidad visual;<\/li>\n\n\n\n
    • colores;<\/li>\n\n\n\n
    • tipograf\u00eda;<\/li>\n\n\n\n
    • llamados a la acci\u00f3n;<\/li>\n\n\n\n
    • formularios;<\/li>\n\n\n\n
    • secciones.<\/li>\n<\/ul>\n\n\n\n

      Tambi\u00e9n vemos por qu\u00e9 una p\u00e1gina visualmente terminada no necesariamente est\u00e1 lista para producci\u00f3n.<\/p>\n\n\n\n

      HTML define principalmente la estructura. CSS controla la presentaci\u00f3n visual. JavaScript y otros componentes t\u00e9cnicos permiten agregar comportamiento y funcionalidad.<\/p>\n\n\n\n

      Por ejemplo, un formulario puede verse perfectamente dise\u00f1ado, pero eso no significa que ya est\u00e9 conectado a una base de datos o que realmente env\u00ede informaci\u00f3n.<\/p>\n\n\n\n

      Pasar el prototipo de Claude a Lovable<\/strong><\/h2>\n\n\n\n

      Una vez que la estructura y el dise\u00f1o ya tienen sentido, usamos Claude para generar un prompt que permita reconstruir la propuesta en Lovable.<\/p>\n\n\n\n

      Esto convierte el prototipo en algo que se puede publicar r\u00e1pidamente y sirve para probar una idea, construir un MVP o validar una experiencia antes de invertir en una implementaci\u00f3n m\u00e1s robusta.<\/p>\n\n\n\n

      El tutorial tambi\u00e9n muestra una segunda prueba en la que se entrega a Lovable mayor libertad creativa. Comparar ambas versiones ayuda a entender otra lecci\u00f3n importante: mientras m\u00e1s contexto relevante tenga una herramienta, m\u00e1s posibilidades existen de que el resultado respete realmente tu marca y tus objetivos.<\/p>\n\n\n\n

      Claude, contexto y permisos<\/strong><\/h2>\n\n\n\n

      Cuando una herramienta puede trabajar con archivos, navegador y computadora, los permisos importan.<\/p>\n\n\n\n

      Claude solicita autorizaci\u00f3n para determinadas acciones y el sistema operativo mantiene controles sobre los recursos a los que puede acceder.<\/p>\n\n\n\n

      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\u00f3n que no necesita<\/strong>.<\/p>\n\n\n\n

      El verdadero valor est\u00e1 en utilizar la informaci\u00f3n<\/strong><\/h2>\n\n\n\n

      El tutorial termina con una idea que resume todo el ejercicio: acumular informaci\u00f3n no genera valor por s\u00ed mismo.<\/p>\n\n\n\n

      Puedes tener a\u00f1os de publicaciones, documentos, m\u00e9tricas, aprendizajes, procesos y conocimiento guardados. Si nunca vuelves a consultar esos datos, gran parte de su valor permanece atrapado.<\/p>\n\n\n\n

      Una herramienta como Claude puede convertirse en una interfaz para consultar, organizar y utilizar ese conocimiento.<\/p>\n\n\n\n

      La ventaja no est\u00e1 simplemente en tener m\u00e1s datos. Est\u00e1 en poder hacer mejores preguntas sobre ellos y convertirlos en decisiones, contenido, sistemas y activos que realmente puedas usar. <\/p>","protected":false},"excerpt":{"rendered":"

      C\u00f3mo 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\u00f3n sobre una persona, un negocio o un proyecto y utilizamos Claude Cowork para trabajar directamente […]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_triage_seo_title":"C\u00f3mo entrenar Claude con tus datos y crear una web","_triage_seo_description":"Aprende a dar contexto a Claude con tus archivos, organizar una base de conocimiento y convertirla en una p\u00e1gina web con IA y Lovable.","_triage_seo_canonical":"","_triage_seo_noindex":""},"class_list":["post-2529","videos","type-videos","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/videos\/2529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/videos"}],"about":[{"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/types\/videos"}],"version-history":[{"count":2,"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/videos\/2529\/revisions"}],"predecessor-version":[{"id":2531,"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/videos\/2529\/revisions\/2531"}],"wp:attachment":[{"href":"https:\/\/margotduek.com\/en\/wp-json\/wp\/v2\/media?parent=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}