• DONNÉES NETTES
  • CIBLÉ
  • AUTOMATISÉ
  • HUMAIN

Capturer des éléments web avec votre IA via Urlbox

Connectez Urlbox à votre agent pour cibler des zones précises d'une page. Une fois la connexion établie, votre IA peut extraire des données visuelles exactes grâce aux sélecteurs CSS.

Demandez à l'IA à propos de cette page

Réponse rapide

Comment capturer une seule partie d'une page web ?

Fournissez simplement un sélecteur CSS à votre IA pour l'élément souhaité. L'IA utilise ensuite le MCP Urlbox pour générer une image uniquement de cette zone. Vous obtenez ainsi des captures nettes et ciblées de graphiques, tableaux ou divisions, sans l'encombrement du reste de la page.

Les résultats obtenus

Ce que votre IA produit

L'IA s'occupe de toute la partie technique pour trouver et rendre l'élément cible.

DONNÉES NETTES

Éléments visuels isolés

L'IA utilise le sélecteur pour recadrer la vue. Vous obtenez une image précise d'un graphique ou d'une donnée, plutôt qu'un fichier lourd de toute la page.

CIBLÉ

Focus sur l'élément

En ciblant les sélecteurs CSS, l'IA ignore les barres latérales et les publicités. Vous recevez exactement le composant demandé.

AUTOMATISÉ

Surveillance visuelle

Votre agent peut déclencher des captures répétées du même élément. Cela permet de suivre l'évolution d'un tableau spécifique dans le temps.

HUMAIN

Vérification du sélecteur

Si un sélecteur est incorrect, l'IA ne trouvera pas l'élément. Vous devrez fournir le bon chemin CSS pour obtenir la capture voulue.

Le flux

Ce que fait votre IA lors de la requête.

L'IA traduit votre demande en langage naturel en une commande technique précise.

  1. Identifier la cible

    Votre IA analyse la structure de la page pour trouver le sélecteur CSS correspondant à l'élément décrit.

    render_selector

  2. Exécuter le rendu

    L'IA envoie l'URL et le sélecteur spécifique à l'outil pour générer l'image.

    render_selector

  3. Vérifier la capture

    L'outil renvoie les données de l'image, que l'IA vous présente ensuite dans votre interface de chat.

    render_selector

  4. Analyser le visuel

    Une fois l'image capturée, votre agent peut interpréter le contenu du graphique ou du tableau.

    render_selector

Essayez

Copiez ces exemples pour commencer.

Utilisez ces prompts pour déclencher une capture immédiatement.

Points de départ

Remplacez le texte entre crochets par votre URL réelle et le sélecteur CSS trouvé via l'inspecteur de votre navigateur.

Urlbox Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  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 — Urlbox capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "urlbox-alternative-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
    }
  }
}
Copiez dans le chat04

  • Utilise render_selector pour faire une capture du tableau à [URL] avec le sélecteur '.data-table'.

  • Capture une image nette du graphique de prix principal sur [URL] en utilisant le sélecteur '#pricing-graph'.

  • Trouve l'élément avec la classe '.user-profile-card' sur [URL] et fais-en une capture d'écran.

  • Prends une capture d'écran de la div spécifique avec l'ID 'revenue-summary' sur [URL].

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

Commencez ici

Connectez Urlbox une fois, puis demandez.

Cliquez simplement sur le lien pour établir la connexion. Vos identifiants restent chiffrés et vous pouvez utiliser les outils dans votre client favori immédiatement.

Connecter Urlbox à votre IA

FAQ

Fonctionnement de la tâche

  • 01

    L'IA peut-elle capturer une page web entière ?

    Non, cette tâche spécifique est conçue pour utiliser des sélecteurs afin d'isoler des parties de page. Pour une page complète, il faut utiliser un autre outil.

  • 02

    Que se passe-t-il si le sélecteur CSS est erroné ?

    L'outil ne trouvera pas l'élément. L'IA vous informera qu'elle n'a pas pu localiser la cible, et vous devrez fournir un sélecteur valide.

  • 03

    L'IA modifie-t-elle quelque chose sur le site ?

    Non. L'IA se contente de lire la page et de générer une représentation visuelle. Elle ne peut ni cliquer sur des boutons, ni remplir de formulaires, ni modifier le site.

  • 04

    Puis-je l'utiliser pour surveiller des graphiques boursiers en direct ?

    Oui, si vous fournissez le sélecteur correct pour l'élément du graphique, votre agent peut déclencher des captures de cette zone précise.

  • 05

    Dois-je écrire du code pour utiliser cet outil ?

    Non. Il suffit de fournir le sélecteur CSS, que votre IA peut souvent identifier elle-même si vous décrivez l'élément clairement.

  • D'autres questions sur Urlbox ? La page du connecteur y répond. Voir toutes les capacités du connecteur Urlbox

Connectez Urlbox à Claude, Cursor, ChatGPT et d'autres