• EXTRAER
  • FILTRAR
  • PROCESAR
  • REVISAR

Cómo extraer URLs de medios de un HTML con tu IA

Conecta este MCP a tu cliente de IA para analizar partes específicas de una web. Una vez conectado, tu agente podrá extraer los enlaces directos de cualquier recurso multimedia que esté dentro de esos contenedores.

Pregunta a la IA sobre esta página

Respuesta rápida

¿Cómo obtener URLs de imágenes o videos de una web con IA?

Indicas a tu IA qué contenedor HTML contiene los archivos que buscas y esta usará la herramienta query_dom para localizar y extraer los enlaces de origen. Obtendrás una lista limpia de enlaces lista para usar.

Los resultados que obtienes.

Dónde terminan tus enlaces de medios.

La IA se encarga de navegar por el documento para que tú no tengas que hacerlo.

EXTRAER

Listas de URLs limpias

La IA localiza los atributos de origen exactos de imágenes y videos. Recibes enlaces directos en lugar de código HTML complejo.

FILTRAR

Selección precisa

La IA ignora el resto de elementos irrelevantes de la página. Solo extrae el contenido de los divs o clases que tú indiques.

PROCESAR

Listo para automatizar

Los enlaces extraídos se formatean para un uso inmediato. Puedes enviarlos directamente a un descargador o procesador de medios.

REVISAR

Verificación humana

La IA te muestra primero las URLs encontradas. Tú decides cuáles son válidas antes de integrarlas en tu flujo de producción.

El flujo

Lo que hace tu IA al recibir el HTML.

La IA actúa como una herramienta de precisión para el árbol del documento.

  1. Localizar contenedores

    Tu IA identifica los elementos HTML o selectores CSS específicos que hayas señalado.

    query_dom
  2. Aislar atributos

    La IA busca dentro de esos contenedores para encontrar los atributos de origen.

    query_dom
  3. Filtrar tipos de medios

    La IA separa los enlaces de imágenes de los de video según tus instrucciones.

    query_dom
  4. Formatear salida

    La IA organiza las cadenas de texto en una lista estructurada para tu uso.

    query_dom

Pruébalo

Copia estos ejemplos para empezar.

Usa estos prompts para iniciar el proceso de extracción.

Puntos de partida

Sustituye la URL del sitio web y la clase o ID de CSS específico que quieras analizar.

Cheerio DOM Connector

Todo listo. Elige tu cliente MCP y sigue las instrucciones de configuración.

Enlace del conectorhttps://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp

Claude Desktop

Sigue los pasos siguientes para conectarte en segundos.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Cheerio DOM capabilities are ready to use.
Configuración · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "html-dom-query-engine-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_yforvmpWi3y9TqnYhrCHzOXtUdI6qMtPsOkV6gLr/mcp"
    }
  }
}
Copia en el chat04
  • Extrae todas las URLs de imágenes del div con clase 'product-gallery' en https://example.com/item

  • Busca todas las URLs de origen de video dentro del contenedor de contenido principal en https://example.com/video-feed

  • Busca etiquetas img dentro de la sección 'sidebar-ads' de https://example.com/home y dame los enlaces

  • Extrae el atributo src de todos los elementos de video dentro del div #media-player en https://example.com/watch

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Empieza aquí

Conecta HTML DOM Query Engine una vez y luego pregunta.

Con un solo clic conectas este MCP a tu cliente preferido. Tus credenciales permanecen cifradas y nosotros gestionamos la configuración.

Conectar HTML DOM Query Engine a tu IA

FAQ

Cómo funciona esta tarea.

  • 01

    ¿Puede la IA hacer clic en botones para mostrar más imágenes?

    No. Este MCP lee la estructura HTML existente que se le proporciona; no interactúa ni hace clic en elementos de una página en vivo.

  • 02

    ¿Descargará los archivos por mí?

    No. La IA extrae las URLs. Tú eres responsable de descargar o procesar los archivos multimedia reales usando esos enlaces.

  • 03

    ¿Puedo apuntar a selectores CSS específicos?

    Sí. Puedes indicarle a la IA que busque clases, IDs o estructuras de etiquetas específicas dentro del DOM.

  • 04

    ¿Funciona en sitios que requieren inicio de sesión?

    La IA solo puede ver el HTML que es accesible actualmente para la sesión del cliente en la que se está ejecutando.

  • 05

    ¿Puede la IA cambiar el contenido del sitio web?

    No. Esta herramienta es de solo lectura. Solo puede consultar y recuperar datos del HTML.

  • ¿Tienes más dudas sobre HTML DOM Query Engine? Ver todo lo que puede hacer el conector HTML DOM Query Engine

Conecta Cheerio DOM a Claude, Cursor, ChatGPT y más