• CARTOGRAPHIE UI
  • CONTEXTE
  • HUMAIN
  • PRÉCISION

Donner du contexte visuel à votre IA avec Smartling

Connectez Smartling à votre client IA pour faire le lien entre les chaînes de texte brutes et l'interface réelle où elles s'affichent.

Demandez à l'IA à propos de cette page

Réponse rapide

Comment donner un contexte visuel à mon IA pour les traductions ?

Joignez des captures d'écran ou des fichiers HTML directement à vos projets Smartling. Votre agent utilise l'outil upload_context pour récupérer ces fichiers et voir précisément où le texte se situe dans l'interface. Cela vous permet d'obtenir des traductions qui respectent parfaitement votre mise en page.

Où le contexte est utilisé.

L'intérêt du contexte visuel.

L'agent utilise les fichiers que vous joignez à Smartling pour comprendre l'interface.

CARTOGRAPHIE UI

Alignement visuel

L'agent analyse les fichiers HTML pour lier le texte aux éléments de l'interface. Vous obtenez des traductions qui respectent la mise en page prévue.

CONTEXTE

Moins d'ambiguïté

En examinant les captures d'écran, votre agent comprend si un mot est un bouton, un titre ou une infobulle. La formulation est ainsi plus précise.

HUMAIN

Révision experte

L'agent vous signale les problèmes de mise en page potentiels. Vous décidez si le contexte visuel nécessite une modification de la source ou de la traduction.

PRÉCISION

Gestion des chaînes

L'agent utilise les fichiers pour s'assurer que le genre et le nombre correspondent à l'interface. Vous évitez les erreurs d'affichage en production.

Le flux

Ce que fait votre IA une fois le contexte reçu.

L'agent traite les fichiers joints au projet Smartling pour se construire un modèle mental de votre application.

  1. Récupérer les fichiers visuels

    L'agent récupère les captures d'écran et les fichiers HTML liés au projet. Il scanne les fichiers pour identifier l'emplacement du texte.

    upload_context

  2. Analyser la structure UI

    L'agent compare les chaînes de texte du projet aux éléments trouvés dans le HTML. Il identifie à quel composant appartient chaque texte.

    upload_context

  3. Interpréter l'intention de mise en page

    Grâce aux captures d'écran, l'agent détermine le ton et les contraintes de longueur de l'interface pour choisir les mots justes.

    upload_context

  4. Signaler les conflits visuels

    Si une traduction est trop longue pour un bouton ou un conteneur, l'agent vous prévient. Vous êtes alerté avant la mise en ligne du code.

    upload_context

Essayez

Copiez ces exemples pour commencer.

Utilisez ces prompts pour exploiter le contexte de votre projet Smartling.

Points de départ

Ce sont des exemples d'amorces. Remplacez le texte entre crochets par vos noms de projet ou types de fichiers spécifiques.

Smartling Connector

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

Lien du connecteurhttps://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/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 — Smartling capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "smartling-translation-workflow-api-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/mcp"
    }
  }
}
Copiez dans le chat04

  • Regarde les captures d'écran du projet Smartling [Project Name] et dis-moi si cette chaîne convient à la taille du bouton.

  • En utilisant les fichiers HTML de [Project Name], explique le contexte de la chaîne '[String Text]'.

  • Vérifie le contexte visuel de [Project Name] et suggère une traduction plus courte pour '[String Text]' afin d'éviter un débordement de l'interface.

  • D'après les captures d'écran de [Project Name], la traduction de '[String Text]' est-elle grammaticalement correcte pour un titre ?

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

Commencez ici

Connectez Smartling une fois, puis posez vos questions.

Connectez-vous à Smartling via l'interface Vinkius. Vos identifiants restent cryptés et vous pouvez immédiatement interroger votre agent sur vos fichiers de projet.

Connecter Smartling à votre IA

FAQ

Fonctionnement de la tâche.

  • 01

    L'IA peut-elle modifier les captures d'écran ?

    Non. L'IA lit uniquement les fichiers que vous téléchargez pour obtenir du contexte ; elle ne peut ni éditer ni écraser vos images originales.

  • 02

    L'IA télécharge-t-elle automatiquement des fichiers sur Smartling ?

    Non. Vous devez joindre vous-même les captures d'écran ou les fichiers HTML au projet Smartling pour que l'agent puisse y accéder.

  • 03

    L'IA peut-elle corriger les problèmes de mise en page dans mon code ?

    Non. L'IA identifie où une traduction risque de briser la mise en page, mais c'est à vous d'effectuer les modifications réelles dans le code ou le design.

  • 04

    Que se passe-t-il si je ne fournis aucune capture d'écran ?

    L'agent pourra toujours travailler avec les chaînes de texte, mais il n'aura pas le contexte visuel nécessaire pour comprendre les contraintes d'affichage ou d'emplacement.

  • 05

    L'IA va-t-elle supprimer des fichiers dans mon projet Smartling ?

    Non. L'agent possède uniquement la permission de lire le contexte que vous lui fournissez via l'outil upload_context.

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

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