• サイズ指定
  • フィルター
  • 一貫性
  • 手動操作

AIでプレースホルダー画像のURLを生成する方法:Lorem Picsum MCPを活用

Lorem Picsumをエージェントに接続すれば、すぐに画像リンクを取得できます。接続後は、必要なサイズやスタイルを伝えるだけで完了です。

このページについてAIに聞く

すぐに答え

AI経由でプレースホルダー画像を取得するには?

モックアップに必要なサイズや視覚フィルターをエージェントに伝えてください。エージェントが必要なツールを呼び出し、そのまま使える直接のURLを返します。ランダムな画像、サイズ指定、またはシード値を用いた画像URLを取得可能です。

出力結果

エージェントが提供するもの

URLの構築はAIが行うため、あなたはデザインに集中できます。

サイズ指定

カスタムサイズのURL

リクエストされた正確な幅と高さを持つURLを構築します。UIコンポーネントに完璧にフィットする画像が得られます。

フィルター

視覚スタイルの制御

グレースケールやぼかし効果を指定できます。エージェントが適切なパラメータをURLに追加し、画像の見た目を変更します。

一貫性

再現可能な画像シード

同じ画像を複数の場所に表示したい場合、エージェントはシード値を使用して結果の一貫性を保ちます。

手動操作

実装方法

エージェントはURLを提供しますが、それをコードやデザインツールに貼り付ける作業は自分で行う必要があります。

ワークフロー

画像のリクエストを受けた際のAIの動き

エージェントが自然言語を具体的なAPI呼び出しに変換します。

  1. 要件の解析

    プロンプトから、幅、高さ、および指定された視覚フィルターを特定します。

    get_random_image_url
  2. ランダム画像の取得

    一般的なプレースホルダーが必要な場合、指定されたサイズに一致するランダムな画像リンクを取得します。

    get_random_image_url
  3. 特定サイズの指定

    正確なサイズが必要な場合、エージェントはその寸法に合わせたURLを構築します。

    get_specific_image_url
  4. 画像シードの適用

    特定の画像を複数のモックアップで使い回すために、シード値を使用して結果を固定します。

    get_seed_image_url

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使用して、画像生成ツールを起動できます。

出発点

UIの要件に合わせて、サイズやフィルター名を書き換えて使用してください。

Lorem Picsum Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 — Lorem Picsum capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "lorem-picsum-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/mcp"
    }
  }
}
チャットにコピー04
  • ヒーローセクション用に、800x600のランダムな画像URLを取得して。

  • プロフィールカード用に、シード値を使用した300x300のグレースケール画像URLを生成して。

  • 背景用に、ぼかしフィルターを適用した1920x1080の画像URLが必要です。

  • グリッドレイアウトのテスト用に、200x200の異なる画像URLを5つ作成して。

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

ここから始める

Lorem Picsumを一度接続すれば、あとは指示するだけです。

リンクをクリックしてMCPを接続してください。認証情報は暗号化され、接続後すぐにエージェントへ画像URLを依頼できるようになります。

Lorem PicsumをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIはプロジェクトに画像をアップロードできますか?

    いいえ。AIはURLを生成するだけです。生成されたリンクを、自身のファイルやコードにコピー&ペーストする必要があります。

  • 02

    特定の人物や物の画像を指定できますか?

    いいえ。Lorem Picsumはランダムな画像を提供します。AIが写真の具体的な被写体を制御することはできません。

  • 03

    AIは生成した画像を記憶していますか?

    シード値を使用して同じ画像を再現することは可能ですが、AIが過去に生成した画像のライブラリを保持することはありません。

  • 04

    生成後に画像の解像度を変更できますか?

    いいえ。エージェントが正しいツールを呼び出せるよう、プロンプトの中で希望する寸法をあらかじめ指定する必要があります。

  • 05

    同じ画像を2回取得するにはどうすればいいですか?

    画像URLを生成する際に、特定のシード値を使用するようにエージェントに指示してください。

  • Lorem Picsumについて他に質問がありますか?コネクターのページで確認できます。 Lorem Picsum Connectorの全機能を見る

『Lorem Picsum』を Claude、Cursor、ChatGPT などに接続