AIを活用して画像のレンダリングテストを自動化する方法

AIがget_random_foxツールを使用して、ユニークな画像URLを取得します。そのリンクをコードに渡すことで、UIが動的な画像に対応できているかを確認できます。具体的には以下の結果が得られます。

1. 01

   画像データの取得

   AIがfoxツールを呼び出して、新しい画像URLを取得します。これにより、テストに必要な生データが用意されます。

   get_random_fox
2. 02

   リンクの検証

   AIは、返されたURLが画像ファイルへの有効な直接リンクであることを確認します。

   get_random_fox
3. 03

   コード用フォーマットへの変換

   AIは、テストスクリプトやコンポーネントのpropsにコピーしやすい形式でURLを準備します。

   get_random_fox
4. 04

   テスト入力の提供

   AIがチャット欄にURLを返します。これにより、開発環境ですぐにURLを使用できます。

   get_random_fox

RandomFox Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_CaZYK8WMAGvumptosYDGAQtysgj8FxR4IQR4dxPR/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 — RandomFox capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "randomfox-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_CaZYK8WMAGvumptosYDGAQtysgj8FxR4IQR4dxPR/mcp"
    }
  }
}

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

MCPをクライアントにリンクさせるだけです。認証情報は暗号化されて保持されるため、すぐに画像の取得依頼を開始できます。

• 01

  AIはこれらの画像をサーバーにアップロードできますか？

  いいえ。AIは画像URLを取得するだけです。取得したリンクをコードやサーバーに反映させるのは、ユーザー自身の役割です。

• 02

  AIは毎回異なる画像を提供しますか？

  はい。ツールが呼び出されるたびに、新しいランダムなキツネの画像を取得します。

• 03

  AIは壊れた画像コードを修正できますか？

  いいえ。AIはテスト用のデータを提供しますが、レンダリングを制御するコードの記述や修正はユーザーが行う必要があります。

• 04

  CursorやVS Codeでも動作しますか？

  はい。MCPに対応しているクライアントであれば動作します。

• 05

  AIはソースから画像を削除できますか？

  いいえ。このツールはソースからデータを読み取るだけで、データの変更や削除は一切できません。

• RandomFoxについて他に質問がありますか？コネクターのページで回答しています。 RandomFoxコネクターの全機能を見る