AIでUIの視覚情報を把握し、翻訳の文脈を正確に伝える方法

SmartlingプロジェクトにスクリーンショットやHTMLファイルを直接添付してください。エージェントは upload_context ツールを使用してこれらのファイルを読み込み、テキストがUIのどこに配置されているかを正確に把握します。これにより、レイアウトに最適な翻訳が可能になります。

1. 01

   視覚ファイルの読み込み

   プロジェクトにリンクされたスクリーンショットやHTMLファイルをエージェントが取得します。ファイルをスキャンしてテキストの配置を特定します。

   upload_context
2. 02

   UI構造の分析

   プロジェクト内のテキスト文字列と、HTML内の要素を比較します。どの文字列がどのコンポーネントに属するかを特定します。

   upload_context
3. 03

   レイアウト意図の解釈

   スクリーンショットから、UIのトーンや文字数制限を判断します。これに基づき、最適な言葉を選択します。

   upload_context
4. 04

   視覚的な競合の通知

   翻訳後のテキストがボタンやコンテナからはみ出す場合、エージェントが通知します。コードを公開する前に問題に気づけます。

   upload_context

Smartling Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

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.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "smartling-translation-workflow-api-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/mcp"
    }
  }
}

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

Vinkiusのインターフェース経由でSmartlingにログインします。認証情報は暗号化されて保持されるため、すぐにプロジェクトファイルについてエージェントに質問できます。

• 01

  AIがスクリーンショットを書き換えることはありますか？

  いいえ。AIは文脈を提供するためにアップロードされたファイルを読み取るだけで、元の画像ファイルを編集したり上書きしたりすることはありません。

• 02

  AIがSmartlingにファイルを自動的にアップロードすることはありますか？

  いいえ。エージェントがファイルにアクセスできるように、ユーザー自身でSmartlingプロジェクトにスクリーンショットやHTMLファイルを添付する必要があります。

• 03

  AIがコード内のレイアウト問題を修正することはできますか？

  いいえ。AIは翻訳によってレイアウトが崩れる可能性がある箇所を特定しますが、実際のコードやデザインの修正はユーザーが行う必要があります。

• 04

  スクリーンショットを提供しなかった場合はどうなりますか？

  エージェントはテキスト文字列のみで処理を続行しますが、UIの制約や配置を理解するために必要な視覚的な文脈は得られません。

• 05

  AIがSmartlingプロジェクト内のファイルを削除することはありませんか？

  はい、ありません。エージェントには upload_context ツールを通じて提供された文脈を読み取る権限しかありません。

• Smartlingに関するその他の質問は、コネクタの専用ページで確認できます。 Smartling Connectorの全機能を見る