# プロンプトテンプレートライブラリ: ui-ux-design URL: https://www.gptimagehub.com/ja/library/category/ui-ux-design Returned prompts: 60 ## 和風ミステリーゲームのWebサイトUIモックアップ - URL: https://www.gptimagehub.com/ja/library/japanese-mystery-game-website-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28282 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-mystery-game-website-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ウェブデザイン, レスポンシブ, ミステリーゲーム, 和風デザイン, uiデザイン - Updated: 2026-10-28T06:18:53.098Z - Created: 2026-10-28T06:18:53.098Z 情緒あふれる和風ミステリーやノベルゲームのレスポンシブWebモックアップを生成します。作品名やキャッチコピーを差し替えて活用できます。 ### Full prompt ```text 和風ミステリーゲームまたは物語アーカイブサイト「[月蝕綺譚]」の洗練されたレスポンシブWebモックアップ。明るいグレーの背景に、左側に幅約75%のデスクトップブラウザウィンドウ、右側に幅約22%のスマートフォン画面を配置し、リアルなデバイスフレームと柔らかな影で表現。 ビジュアルスタイルと配色： 日本の文学的ホラー、静謐なミステリー、記録文書、月夜の暗闇を感じさせる優雅な世界観。生成り色の紙、墨黒、深いミッドナイトネイビー、くすんだグレー、鮮やかな朱赤のアクセントカラー。明朝体日本語タイポグラフィ、繊細な罫線、チケット風の飾り枠、かすかな月軌道の幾何学模様、古文書のテクスチャ。 デスクトップUIレイアウト： - 上部にダークチャコールの3つのウィンドウボタン付きブラウザバー。 - 生成り色のヘッダーにサイト名「[月蝕綺譚]」、小さな朱印、5つのナビ項目「お知らせ」「開発記録」「ご意見箱」「アーカイブ」、濃紺の「メールで会員になる」ボタン。 - メインビジュアル：輝く月蝕と中央の縦書きタイトル「月蝕綺譚」。半透明の文書UIカード、5枚の収集品カード、下部に並ぶ5つのサムネイル帯（夜の路地、青図面の部屋、黒い書類挟み、古い手書き原稿、机上の捜査地図）。 - 右側の登録カード：半円の切り欠きと飾り枠が付いたチケット型の生成り色カード。「入会札」のタグ、捺印マーク、「メールで会員になる」の見出し、プレースホルダー「メールアドレスを入力」の入力欄、赤いCTAボタン「登録する →」、微細な規約テキスト。 - 下部コンテンツ：左側に縦の赤線と大きな見出し「[物語の続きを、いちばん近くで。]」、説明文。右側に3枚のカード（1:「月蝕綺譚 最新便」月画像・赤NEWラベル・「大型アップデート『○○』を公開しました」2024.05.20、2:「開発記録」ノート画像・「開発記録 #12：環境音の調整について」2024.05.18、3:「ご意見箱」ポスト画像・「ご意見・ご感想をお聞かせください」2024.05.16）。 - 濃紺のフッター：6つのリンク（「お知らせ」「開発記録」「ご意見箱」「アーカイブ」「利用規約」「プライバシーポリシー」）、三日月アイコンと「© 2024 月蝕綺譚」。 スマートフォンUIレイアウト： ステータスバーは9:41。ヘッダーに「月蝕綺譚」とハンバーガーメニュー。縦スクロール型に再構成された月蝕ヒーロー、5枚のミニサムネイル、キャッチコピー「[物語の続きを、いちばん近くで。]」、チケット型会員登録カード、赤いNEW付きの第1ニュースカード。 精密なUI/UX表現、くっきりとした日本語フォント、端正なレイアウト、余分なロゴや透かしのない完成されたデザイン。 ``` --- ## レトロ放送ZINEウェブページモックアップ - URL: https://www.gptimagehub.com/ja/library/retro-broadcast-zine-webpage-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29831 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fretro-broadcast-zine-webpage-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui-ux-design, ウェブモックアップ, レトロエディトリアル, zineレイアウト, タイポグラフィ, 番組ガイド - Updated: 2026-10-28T06:04:43.098Z - Created: 2026-10-28T06:04:43.098Z 厳選プログラム順やスケジュールカードを備えた高コントラストなZINE風Webページモックアップを生成。注目枠やタイムテーブルを自由にカスタマイズ可能です。 ### Full prompt ```text 参考写真のデザインスタイルに基づいた、レトロなブロードキャストZINE風デスクトップWebページレイアウトのモックアップ。エレクトリックブルー、クリーム、イエロー、ブラックの配色、大胆な長体ブロックタイポグラフィ、シャープなグリッド罫線、程よい余白を持つスクリーンプリント風テクスチャのハイコントラストなエディトリアルZINE美学。 上部バー： - メタデータ：「Friday, July 24, Edition 001」、小さな「Live Today」ステータスタグ付き。 - 右上コピー：「One hour of YouTube. Picked by a superfan. Ready now.」 ヒーローセクション： - 太字タイトルに大胆に重なる左寄りの大型円形時計アワーダイヤル、中央テキストは「Today’s Hour / Music Videos / Curated by Mara Ortiz」。 - 放映中（On Now）フィーチャーカード：タイムコード「[00:48]」、見出し「[The Future Arrives Early]」、「12 min left」、右下にディレクタークレジットが入った洗練された近代建築内に佇むスーツ姿の男性を描いたシネマティックなダークブルーの画像。 - キュレーターのサイドバーカード：Mara Ortizのダークブルートーンのポートレート写真、略歴、キュレーターノート、「Become a curator →」のリンクテキスト。 進行順ストリップ（Running Order Bar）： 左に「Today’s Running Order」、右に「One hour. Five acts. Curated live. Ready now.」と記された5幕構成の水平バー： 1.「Public Access Fever」— 00:00, played, 8 min 2.「The Beat Goes Global」— 00:08, played, 12 min 3.「Directors Turn Auteur」— 00:20, played, 15 min 4.「Deep Cuts, Big Swings」— 00:35, played, 13 min 5.「The Future Arrives Early」— 00:48, on now, 12 min 下部スケジュールグリッド： - 左のブルーパネル：「Explore More Hours」、説明文と「Browse all categories →」。 - 3枚のプレビューカード： 1.「[Animation After Dark]」— 「Today at 9 PM」ラベル、青調のアニメアイグラフィック。 2.「[Cult Sci-Fi]」— 「Today at 11 PM」ラベル、レトロ宇宙飛行士ヘルメットのグラフィック。 3.「[Game Design]」— 「Tomorrow at Noon」ラベル、青調のドット絵風景グラフィック。 - 右のブラックパネル：「Also Playing」、5項目（Internet Lore、Fashion Forward、Reality TV Canon、Hip-Hop Deep Cuts、Skate Culture）と黄色の「See today’s full guide →」リンクを掲載。 ``` --- ## AIプロンプトギャラリーのモバイルUIモックアップ - URL: https://www.gptimagehub.com/ja/library/ai-prompt-gallery-mobile-feed-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26373 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-prompt-gallery-mobile-feed-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ui-ux-design, モバイルアプリ, ウェブモックアップ, ギャラリーフィード, メイソンリーレイアウト, ミニマルデザイン - Updated: 2026-10-28T05:58:53.098Z - Created: 2026-10-28T05:58:53.098Z 2列のメイソンリーカード配置を備えたAIプロンプトギャラリーの洗練されたモバイルUI画面を生成します。角括弧内のギャラリー名や被写体、サムネイルのテーマを変更してカスタマイズできます。 ### Full prompt ```text AI画像プロンプトインスピレーションギャラリー「[MeiGen Gallery]」の洗練されたモバイルWebページスクリーンショットモックアップ。縦スクロールのフィード形式で様々なビジュアルプロンプトカードを表示。 キャンバス: 白と淡いペールブルーの背景、角丸のUIエッジ、右上に細いダークカラーの縦スクロールバーがあるスマートフォンの画面キャプチャ。 ヘッダー: すっきりとした余白のある上部ヘッダー。ミニマルな黒の三角形の山型ロゴ、太字の「MeiGen」テキスト、グレーの手書きスクリプト体「Gallery」のロゴ。 レイアウト: 均一な余白と柔らかい影を持つ、角丸コンテナ内の2列メイソンリーギャラリー。表示カードは正確に6枚: 1. 左上カード: 工業風の窓とレンガ壁のカフェの木製テーブルで、鉛筆を唇に当てる[ノースリーブのクリーム色ボウタイブラウスとラベンダー色のパンツを着たエレガントな女性]の温かみのあるライフスタイル写真。開いたノートとアイスコーヒー、映画のような自然光。 2. 右上カード: 水辺のミニマルな端午節ポスター。水盤のそばに白い服を着た女性、淡い壁に映る竹の影、太い漢字「端午」、繊細な英語テキスト「Slow into summer」、縦書きのタイポグラフィ。 3. 中央左カード: 漫画風のゴリラ、王冠、ネオンイエローのアクセントがある鮮やかな青いグラフィティの壁の前のコンクリート階段に座る[デニムジャケット、白Tシャツ、ベージュのショートパンツ、白いソックスとスニーカーを着た若い男性]のストリートウェア写真。 4. 中央右カード: 降る雪の中に立つ[青い柄入りの厚手ショールに包まれた女性]の夜の冬のポートレート。背景には温かいボケ光の玉。 5. 左下カード（下部が一部見切れている）: 4分割されたクリーンなプロダクトスペックシート。「AEROFOLD ONE」電動キックボード、「HELIX CHEF」キッチンデバイス、「SYNAPSE BAND」ウェアラブルバンド、「LUMEN CAST」半透明デバイス、図面と整然としたグリッドレイアウト。 6. 右下カード（下部が一部見切れている）: 長い黒髪でダイナミックなアクションポーズをとる[HINATA HYUGA]を描いたアニメ風キャラクターバナー。紫のUIアクセント、太字の「HINATA HYUGA」テキスト、円形バッジと効果線。 スタイル: 現代的なモバイルUI/UXデザイン、明瞭な文字、リアルなサムネイル画像、整った余白、透かしなし。 ``` --- ## ソシャゲ風ガチャ召喚UI画面 - URL: https://www.gptimagehub.com/ja/library/mobile-game-gacha-summon-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15550 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-game-gacha-summon-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ガチャ, ソシャゲ, uiデザイン, ゲーム画面, アニメ風, 召喚バナー - Updated: 2026-10-28T05:56:03.098Z - Created: 2026-10-28T05:56:03.098Z モバイルゲームのガチャバナーと召喚UI画面全体を生成します。ゲーム名、ビジュアルスタイル、PUキャラを調整して活用できます。 ### Full prompt ```text モバイルゲーム『[Cyber Odyssey]』のガチャ召喚画面UIデザイン。全体が洗練された[SFアニメ]スタイルで統一され、メインバナーには[ネオンブレードを構えた未来風の女性戦士]のキャラクターアートが配置されている。画面には単発および10連の召喚ボタン、課金通貨カウンター、ピックアップバナー、洗練されたモバイルゲームのHUD要素が含まれる。 ``` --- ## 生成画像を表示するAIチャットアプリ画面 - URL: https://www.gptimagehub.com/ja/library/ai-mobile-chat-screen-with-generated-artwork - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14540 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-mobile-chat-screen-with-generated-artwork - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: チャットui, モバイルアプリ, ios風, データ空間, ai生成, 近未来, デジタルアート - Updated: 2026-10-28T05:50:28.098Z - Created: 2026-10-28T05:50:28.098Z 日本語プロンプトと宇宙データランドスケープの生成画像を表示する縦型チャットUI。吹き出しのテキストや埋め込み画像を編集可能です。 ### Full prompt ```text 白を基調としたミニマルなiOS風インターフェースを持つ、縦向きのスマートフォンチャットアプリのスクリーンショット。上部のナビゲーションバーには、左側にハンバーガーメニューアイコン、中央左寄りに右向きシェブロン付きの青い「Thinking」の文字、右側に新規作成アイコンと3点リーダーアイコンが配置されている。その下には角丸の薄いグレーの吹き出しがあり、2行の日本語テキスト「[AIが見ている世界を抽象的かつ]」「[幻想的に画像で表現して]」が表示されている。吹き出しのすぐ下には左揃えのグレーのシステムテキストで「[Thought for 7s]」、さらにその下にはグレーで「[画像が作成されました]」と記載されている。画面下部には角丸の大きな画像カードが1枚表示されており、超現実的で抽象的な宇宙データ空間が描かれている。中央には光る白い地平線、奥行きのある暗い反射グリッドフロア、消失点から放射状に広がる光の筋、星雲、星々、光の粒子が広がる。空間には異なる深度で数十枚の半透明な長方形データパネルが浮遊している。アートワークの右上には発光するネットワークノード図が表示されている。基調色はエレクトリックブルー、インディゴ、バイオレット、シアン、マゼンタ、ゴールド。すっきりとしたモバイルUIレイアウト、鮮明な文字組、高コントラストで発光感のあるデジタルアート。 ``` --- ## AIヘッドショットアプリ宣伝ポスター - URL: https://www.gptimagehub.com/ja/library/ai-headshot-app-store-promo-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16942 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-headshot-app-store-promo-poster - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: app storeポスター, モバイルui, モックアップ, ヘッドショットアプリ, 3dマスコット, 販促ポスター, ビフォーアフター - Updated: 2026-10-28T05:49:38.098Z - Created: 2026-10-28T05:49:38.098Z スマホUIモックアップ、ビフォーアフター比較、3Dマスコットを配したApp Store向け販促ポスター。ブランドやコピーを変更して活用できます。 ### Full prompt ```text AIヘッドショットアプリ「[Shine]」の洗練されたApp Storeプロモーションポスター。温かみのあるミニマリストなブランドスタイルで、柔らかなベージュの背景と下端から立ち上がるカーブしたゴールデンイエローのシェイプを持つ縦長レイアウト。 タイポグラフィとバッジ： - 左上：3行に分かれたエレガントな黒のセリフ体大見出し「[Create pro headshots with Shine]」。 - 左中央：黒のセリフ体で「[Before + After]」と書かれたギザギザした白い星型バッジ。 スマートフォンモックアップ： 右側に、わずかに左に傾いた薄い金属ベゼルの大型モダンスマートフォンモックアップ。画面にはアプリインターフェースを表示： - 上部バー：iPhone風のステータスバー「9:41」、「⚡ 8 credits」と書かれた丸みを帯びたピル型バッジ、小さなブランドワードマーク「[SHINE]」。 - ヘッダーテキスト：セリフ体のサブ見出し「Your best self, professionally.」と本文「Upload a few photos and we’ll create studio-quality headshots.」。 - ビフォーアフターカード：中央に円形のスワップ矢印ボタンを挟んだ2枚並びのポートレートパネル。左側は「Before」のラベルで無地の屋内背景にダークTシャツを着たカジュアルな男性、右側は「After」のラベルで温かいスタジオボケ背景にライトシャツとダークブレザーを着たプロ仕様のヘッドショット。 - 「HOW IT WORKS」セクション：パステルピーチ／ピンクの角丸正方形アイコンが付いた縦並びの3ステップ： 1. 「1. Upload」-「Add 8–12 clear photos of yourself.」 2. 「2. We create」-「Our AI generates a variety of pro headshots.」 3. 「3. Download」-「Choose your favorites and download high-res images.」 - 画面下部：「[Start Shine ✦]」と書かれた大きな丸みを帯びた黄色いCTAボタン、その下に小さな文字で「8 credits per session」。 手前のマスコット： 左下手前に、丸みを帯びた白い体、小さな手、ピンクの頬、ドットの目、笑顔を持つソフトな3Dスタイルの可愛いマスコット。大きめのゴールデンイエローのカウボーイハットとお揃いのスカーフを身につけ、スマホモックアップの足元に少し重なる。 スタイル： 洗練されたスタートアップのマーケティング美学、柔らかな環境光、整理されたUI、控えめなドロップシャドウ、統一されたベージュとゴールドイエローの配色。 ``` --- ## ダークフロストガラス音楽プレーヤーUI - URL: https://www.gptimagehub.com/ja/library/dark-frosted-glass-music-player-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14757 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-frosted-glass-music-player-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音楽プレーヤー, uiデザイン, グラスモーフィズム, ダークモード, モバイルアプリ, インターフェース - Updated: 2026-10-28T05:38:48.098Z - Created: 2026-10-28T05:38:48.098Z ダークグラフィズム調の洗練されたモバイル音楽プレーヤーUIを生成します。アプリの種類、視覚スタイル、再生中のアーティストを変更してカスタマイズ可能です。 ### Full prompt ```text [Music player]のインターフェース、[dark frosted glass style]、[Jay Chou songs]を再生中、洗練された再生コントロールと美しいぼかし効果を備えたモダンなモバイルUIデザイン ``` --- ## 日本語AI製品ストーリーボードプレゼンボード - URL: https://www.gptimagehub.com/ja/library/japanese-ai-product-storyboard-presentation - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15716 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-product-storyboard-presentation - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ストーリーボード, プレゼンボード, saas, マーケティング, ui-ux, 日本語デザイン, アニメ - Updated: 2026-10-28T05:37:48.098Z - Created: 2026-10-28T05:37:48.098Z AIクリエイティブツールのための4分割プロモーションプレゼンボードを生成します。ブランド名や見出し、アニメキャラ、カード要素を差し替えて活用できます。 ### Full prompt ```text {"type":"日本のプロモーション用絵コンテ・プレゼンシート","brand":"Topview","product":{"name":"Ultra Plan","badge":"新登場","theme":"画像・動画生成向けのプレミアムAIクリエイティブ製品ランディングページ風広告"},"language":"Japanese","canvas":{"aspect_ratio":"16:9","background":"4枚の角丸ホワイトプレゼンボードが2x2のグリッド状に配置された薄灰色の全体背景"},"layout":{"sections":[{"title":"panel 1","position":"top-left","count":1,"composition":"角丸の大型ヒーローバナーカード、淡いピンクと白のグラデーション背景、控えめな花のきらめき、右側に大きなアニメ少女イラスト、左側にヘッドラインと機能一覧、右下付近にフィルムストリップ動画プレビューオーバーレイ"},{"title":"panel 2","position":"top-right","count":1,"composition":"上部に中央揃えの見出し、その下に3つの均等な機能カードが横並びになったコンパクトな機能概要カード"},{"title":"panel 3","position":"bottom-left","count":1,"composition":"左上に見出し、背景に透かし風の大きなアニメ少女イラスト、下部に沿って並ぶ3つの機能カードを備えたワイドバナーカード"},{"title":"panel 4","position":"bottom-right","count":1,"composition":"上部に見出し、中央に4枚の横並び機能カード、下部に3列分割された紫グラデーションのベネフィットバーを備えた構造化製品サマリーカード"}]},"subject":{"character":{"type":"幻想的なアニメ調の若い女性","role":"クリエイティブ生成プロダクトのビジュアルモチーフ","hair":"柔らかいウェーブがかかった非常に長い淡いブロンドの流れるような髪","outfit":"レース、花柄ディテール、半透明のレイヤー、宝石アクセサリーをあしらった華やかなパステルファンタジードレス","palette":"ブラッシュピンク、クリーム、ラベンダー、ソフトゴールド","face":"4パネルすべてでベージュ色の長方形プライバシーカーテンブロックによってほぼ隠されている"},"decor_elements":{"count":5,"items":["舞い散る桜の花びら","きらめき","手描きの絵コンテスケッチページ","動画サムネイル付きフィルムストリップ","柔らかな水彩風の光彩"]}},"text":{"logo_text":"Topview","main_headlines":{"count":4,"items":["[Ultra Plan]","新登場 Ultra Plan","使える一本に、最短で近づく。","Ultra Plan で、制作をもっと自由に。"]},"feature_names":{"count":3,"items":["GPT-Image 2 (beta)","Seedance 2.0","Storyboard → Video"]},"feature_descriptions":{"count":7,"items":["高品質画像を、より思い通りに生成","720p / $0.1/秒、低コスト＆高効率","絵コンテから、映像をスムーズに制作","高品質画像を、より思い通りに生成","低コスト＆高効率で映像生成","絵コンテから、映像をスムーズに制作","使える一本に、最短で近づく。"]},"bottom_benefits":{"count":3,"items":["低コストで高品質 720p / $0.1/秒","制作スピードUP 最短で形に","狙い通りのクオリティ 思い描く映像へ"]}},"cards":{"feature_card_count":10,"types":[{"name":"GPT-Image 2 (beta)","count":4,"visual":"アニメイラストのサムネイルが2x2またはコラージュ状に並ぶピンクアクセントのカード"},{"name":"Seedance 2.0","count":3,"visual":"映画風アニメフレームとピンクの円形再生ボタンを備えたパープルアクセントのカード"},{"name":"Storyboard → Video","count":3,"visual":"手描き絵コンテ用紙からフィルムプレビューへと遷移するホワイトカード"}]},"style":{"design":"高品質な日本のSaaS広告モックアップ／絵コンテプレゼンテーションボード","typography":"Ultra Planにはエレガントなセリフ体、補足テキストには端正なサンセリフ体","ui":"角丸カード、薄いグレーのボーダー、柔らかなシャドウ、すっきりとした余白","colors":"ホワイト、ブラッシュピンク、ラベンダー、パープルグラデーション、ゴールドのバッジアクセント","rendering":"洗練されたマーケティングキービジュアル、正確な日本語タイポグラフィ配置、端正なアプリUIカード構成、繊細なアニメイラスト、高級感のあるモダンなプレゼンテーション"}} ``` --- ## グラスモフィズム個人ブランディングカード - URL: https://www.gptimagehub.com/ja/library/glassmorphism-personal-branding-card-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-215 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fglassmorphism-personal-branding-card-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: グラスモフィズム, ブランディング, モックアップ, uiデザイン, すりガラス, タイポグラフィ - Updated: 2026-10-28T05:37:23.098Z - Created: 2026-10-28T05:37:23.098Z 洗練されたすりガラス調の個人ブランディング用モックアップを作成します。角括弧内の名前や肩書き、URLを変更してカスタマイズできます。 ### Full prompt ```text モダンなグラスモフィズムスタイルのビジュアルモックアップ。構図の右側3分の1に、角丸のすりガラス風半透明パネルが配置され、滑らかなエッジ、繊細な境界の屈折、ボケ感のある背景、洗練されたグラデーションの光と影のエフェクトをまとっています。パネル内にはすっきりとしたテキストが配置され、左上に「[Zho]」、左下に「[Architect]」「[Artist]」「[Ai explorer]」、右側に小さく「[Founder of https://t.co/s6eXbY9EAY]」と記載されています。 ``` --- ## 拡張現実スーパーマーケット買い物UI - URL: https://www.gptimagehub.com/ja/library/augmented-reality-supermarket-shopping-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-7782 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Faugmented-reality-supermarket-shopping-interface - Category: UI / UX デザイン - Model: seedream-5-0 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 拡張現実, arインターフェース, 小売テクノロジー, 第一人称視点, ホログラフィックui, 複合現実, 近未来デザイン - Updated: 2026-10-28T05:36:48.098Z - Created: 2026-10-28T05:36:48.098Z 近未来的なホログラフィックAR小売UIに囲まれた飲料ボトルを第一人称視点で生成します。製品や店内、UIデータ項目を自由に変更可能です。 ### Full prompt ```text 第一人称視点（POV）、[明るく照らされたスーパーマーケットの通路]。リアルな人間の手が[ファンタのソーダ]ボトルをカメラの近くに掲げている。鮮やかなオレンジ色のドリンクの周りには、多層構造のホログラフィック拡張現実（AR）インターフェースが浮かび上がり、[カロリー、糖分、カフェイン量、鮮度インジケーター、賞味期限、おすすめの飲み方やカクテルレシピなどの栄養データ]を表示している。ガラスの質感を持つUIパネルが3D空間に浮かび、視線に合わせて滑らかに向きを変える。左側の周辺視野には半透明の垂直な買い物リストが表示され、チェック済みアイテムの中で[ファンタ]がハイライトされている。リアルな複合現実（MR）のビジュアル、柔らかな店内環境光、UIのリアルな光と影、背景の通路が自然にボケた被写界深度。 ``` --- ## ダークウッド調 レストラン グランドメニュー - URL: https://www.gptimagehub.com/ja/library/dark-wood-japanese-restaurant-grand-menu - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13921 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-wood-japanese-restaurant-grand-menu - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: レストランメニュー, メニューデザイン, 日本料理, フードフォト, グラフィックデザイン, ダークウッド - Updated: 2026-10-28T05:36:33.098Z - Created: 2026-10-28T05:36:33.098Z ダークウッドの木目を背景に、料理写真とゴールドの文字を配した上品な和洋食レストランメニューです。料理名や配色、見出しを自由に変更できます。 ### Full prompt ```text { "type": "レストランのグランドメニューデザイン", "style": { "background": "ダークウッドの木目テクスチャ", "accents": "[ゴールド]", "typography": "洗練された明朝体とサンセリフ体の組み合わせ", "photography": "温かみのあるライティングを施した高解像度の美味しそうな料理写真" }, "header": { "main_title": "[GRAND MENU]", "subtitle": "[OPEN KITCHEN RESTAURANT]", "top_right_badge": "季節の厳選食材使用!" }, "layout": { "sections": [ { "title": "シェフのおすすめ", "position": "上部", "count": 3, "featured_item": "[特選和牛ステーキ 200g]", "labels": ["特選和牛ステーキ 200g", "トリュフ香る濃厚カルボナーラ", "魚介のペスカトーレ"] }, { "title": "前菜・サラダ", "position": "中段左上", "count": 4, "labels": ["生ハムとモッツァレラのカプレーゼ", "サーモンのカルパッチョ", "アボカドと海老のグリーンサラダ", "本日の濃厚スープ"] }, { "title": "パスタ & ピザ", "position": "中段右上", "count": 4, "labels": ["生ウニのクリームパスタ", "モッツァレラとバジルのトマトパスタ", "マルゲリータピザ", "クアトロフォルマッジ"] }, { "title": "メインディッシュ", "position": "中段左下", "count": 4, "labels": ["黒毛和牛100%ハンバーグ", "サーモンのグリル", "自家製ローストビーフ丼", "大海老のガーリックシュリンプ"] }, { "title": "ご飯もの", "position": "中段右中央", "count": 3, "labels": ["牛すじガーリックライス", "とろとろ卵のオムライス", "魚介のパエリア"] }, { "title": "サイドメニュー", "position": "中段右下", "count": 5, "format": "フライドポテトの写真1枚付きテキストリスト", "labels": ["フライドポテト", "オニオンリング", "チーズ盛り合わせ", "ガーリックトースト", "季節のピクルス"] }, { "title": "ドリンク", "position": "下段左", "count": 10, "format": "ドリンク写真2枚付きの2列テキスト", "labels": ["コーヒー & ティー", "アルコール"] }, { "title": "スイーツ", "position": "下段右", "count": 3, "labels": ["自家製ティラミス", "フォンダンショコラ", "季節のフルーツパンケーキ"] } ] }, "footer": { "banner_text": "[★ ランチタイム 11:00〜15:00 は、ドリンクセット +¥300! ★]" } } ``` --- ## 顔立ち美容分析カルテダッシュボード - URL: https://www.gptimagehub.com/ja/library/japanese-aesthetic-facial-beauty-report - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16906 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-aesthetic-facial-beauty-report - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: UIデザイン, ダッシュボード, 美容カルテ, 日本風デザイン, インフォグラフィック, ミニマリズム - Updated: 2026-10-28T05:29:38.098Z - Created: 2026-10-28T05:29:38.098Z 参考ポートレートから洗練された日本の美容分析カルテUIを生成します。スコアやアドバイス文、各項目名を柔軟に変更できます。 ### Full prompt ```text 参考写真を使用して、ポートレートを「[顔立ち美容レポート]」と題した洗練された日本の美容分析ダッシュボードに再構築してください。参考写真を右上の角丸カード内に配置し、ぼかしによるプライバシー加工をそのまま維持します。極細のグレー枠線、黒のタイポグラフィ、高級美容カウンセリング風のレイアウトを持つ、クリーンな白ベースのエディトリアルページとして仕上げます。 以下のセクションを含めてください： 1. 上部ヘッダー：英語小見出し「FACIAL BEAUTY REPORT ✦」、大きな日本語タイトル「[顔立ち美容レポート]」、サブタイトル「あなたらしさを活かし、より魅力的になるための分析レポート」。 2. OVERVIEWボックス（5行）：年齢（推定） 20–24歳、性別 女性、顔の形 やや卵型、パーソナル印象 清潔感・親しみやすい・柔らかい、分析日 2024.05.24。 3. 「総合魅力度スコア」カード：円形ゲージに「[82]/100」と表示、基準ガイド（50=平均的 / 70=良い / 85=非常に良い / 90+=優秀）を記載。 4. 各指標ボックス（スコア付き）：左右対称性 84/100、顔の比率（プロポーション） 83/100、骨格・輪郭 80/100、肌質 85/100、目の魅力 85/100、鼻のバランス 78/100、口元の魅力 81/100、全体の調和 83/100。 5. FACIAL CONTOURパネル：簡略化したラインアートの顔型図に、縦の比率「1/3」3つと横の比率「1/5」5つのガイドラインを表示。 6. 詳細分析セクション：各指標に対応する簡潔な日本語解説。 7. 「強み（あなたの魅力ポイント）」ボックス：アイコン付き3項目（クリアで印象的な目元、なめらかな肌質、バランスの取れた輪郭）。 8. 「改善できる点（より魅力を高めるために）」ボックス：アイコン付き3項目（目の下のクマ、鼻の立体感、唇の血色感）。 9. 「身だしなみ・スタイル改善提案」行（4カラム）：ヘアスタイル、メイク、スキンケア、ライフスタイル（それぞれシンプルな黒線アイコンとアドバイス付き）。 右下にフッター「[BEAUTY IS BALANCE.]」を配置。 全体スタイル：ミニマルなクリニックカルテ風、整ったグリッド配置、淡い陰影、角丸パネル、黒とグレーを基調とした高い可読性の雑誌デザイン。 ``` --- ## プレゼンスライド再構築の並列画面 - URL: https://www.gptimagehub.com/ja/library/side-by-side-presentation-slide-reconstruction - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16397 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fside-by-side-presentation-slide-reconstruction - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: powerpoint, デスクトップスクショ, インフォグラフィック, スライド, ui比較, プレゼンテーション - Updated: 2026-10-28T05:27:23.098Z - Created: 2026-10-28T05:27:23.098Z 書き出されたスライド画像とPowerPoint編集画面を並べたリアルなデスクトップ比較画面を生成します。括弧内のロゴやテーマを変更してカスタマイズできます。 ### Full prompt ```text 参照画像をベースに、洗練されたプレゼンスライドの再構築結果を示すリアルなWindowsデスクトップの左右並列スクリーンショット。左側のパネルにはクリーンに書き出されたスライドを表示するダークテーマの画像ビューアウィンドウ、右側のパネルには全く同じ編集可能なスライドを開いたMicrosoft PowerPointの編集画面を配置。スライドは元の日本語モノクロインフォグラフィックスタイルを維持し、上部に1つのタイトル／ヘッダー行、中央に3列の比較カラム、下部にアイコン付きの5つのユースケース項目が並ぶ行、フッターライン、右下に[OpenAI]ロゴを配置。可読性の高い日本語タイポグラフィ、正確に整列した区切り線、鮮明なモノクロアイコンで構成され、選択ハンドルや変形したベクターの乱れは除去。ネイティブデスクトップアプリのリアルなUIと高い視認性。 ``` --- ## スプリットスクリーン配信UI - URL: https://www.gptimagehub.com/ja/library/split-screen-social-media-livestream-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-33957 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsplit-screen-social-media-livestream-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ライブ配信, ソーシャルメディア, スプリットスクリーン, uiオーバーレイ, 抖音, インフルエンサー, モバイルアプリ - Updated: 2026-10-28T05:20:38.098Z - Created: 2026-10-28T05:20:38.098Z 2人のインフルエンサーがスプリットスクリーンで交流するリアルなスマホ配信UIを生成します。配信プラットフォームや出演者を変更してアレンジ可能です。 ### Full prompt ```text [Douyin]のモバイルライブ配信UI画面、縦向き9:16レイアウト。2人の[中国人女性インフルエンサー]が並んで会話やリアクションをしているスプリットスクリーン通話セッション。流れるチャットコメント、ハートアイコン、バーチャルギフトのポップアップ、視聴者数表示、インタラクティブボタンが重なるリアルなSNSライブ配信オーバーレイ。 ``` --- ## 技術的な中国語プロンプトを記したダークUIカード - URL: https://www.gptimagehub.com/ja/library/dark-ui-card-with-technical-chinese-prompt-text - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14888 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-ui-card-with-technical-chinese-prompt-text - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: uiカード, タイポグラフィ, プロンプトシート, ミニマル, ダークテーマ, 多言語, エディトリアルデザイン - Updated: 2026-10-28T05:09:28.098Z - Created: 2026-10-28T05:09:28.098Z 詳細な中国語プロンプトと多言語テキストを含むダーク調のUIカードを生成します。引用モジュールや見出しを変更して独自の指示書にカスタマイズできます。 ### Full prompt ```text フラットなダーク背景の上に置かれた、角丸のチャコールグレーのUIカードを表示したスクリーンショット風の画像。高密度で鮮明な簡体字中国語のプロンプトテキストが、十分な余白と繊細なドロップシャドウとともに、すっきりとした白いサンセリフフォントで配置されている。上部にはハイエンド技術雑誌の見開きポスター制作を指示する導入文があり、引用符付きのタイトル「“GPT IMAGE 2: From Ideas to Images”」が含まれる。その下には、レイアウト比率やエディトリアルデザイン様式を解説する左揃えの中国語段落が続く。中央には1から6までの番号付きリストがあり、それぞれ英語のモジュール名と中国語の解説が記載されている：1. "Photorealism"、2. "Readable Text"、3. "Product Mockup"、4. "Character Consistency"、5. "Storyboard"、6. "World Knowledge"。項目2の配下には5つの多言語テキスト行「“IDEAS → IMAGES”」「“想法 → 图像”」「“アイデア → 画像”」「“아이디어 → 이미지”」「“فكرة → صورة”」が箇条書きされている。さらにメインタイトル「“GPT IMAGE 2”」とサブタイトル「“From Ideas to Images”」の指定が続く。下部右寄りには「“Typography • Photorealism • Layout • Consistency • Multilingual Text”」という英字キャプションが明記される。末尾にはApple風の製品表現やスイス・グラフィックスタイルの要件を記した中国語段落がある。アイコンやイラストは含めず、純粋なタイポグラフィとUIカードのみで構成。 ``` --- ## コンサルティング風プレゼン表紙背景 - URL: https://www.gptimagehub.com/ja/library/consulting-presentation-cover-background - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-8363 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fconsulting-presentation-cover-background - Category: UI / UX デザイン - Model: nanobanana - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンテーション, コンサルティング, スライド, ビジネス, ミニマル, グリッド構成, 背景 - Updated: 2026-10-28T05:08:53.098Z - Created: 2026-10-28T05:08:53.098Z 抽象的なデータグラフィックと整然としたグリッドを備えた、ミニマルな企業向けスライド表紙を作成します。括弧内の配色をブランドカラーに変更可能です。 ### Full prompt ```text 構造化されたグリッド構成による、クリーンなケーススタディ風の視覚レイアウト。ミニマルなライン、幾何学的なブロック、リズミカルな余白を含む繊細で抽象的なデータ要素。[スレートグレー、ネイビー、柔らかなオフホワイトのプロフェッショナルなニュートラルカラーパレット]。強いコントラストのない柔らかく均一な照明。落ち着きと信頼感、真面目さを兼ね備えた、プレミアムなコンサルティング級プレゼンテーション表紙。 ``` --- ## PC画面モックアップ差し替え - URL: https://www.gptimagehub.com/ja/library/computer-screen-mockup-replacement - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-1117 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcomputer-screen-mockup-replacement - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: モックアップ, 画面はめ込み, ワークスペース, ミニマリスト, デスク環境, デバイス表示 - Updated: 2026-10-28T05:07:33.098Z - Created: 2026-10-28T05:07:33.098Z PC画面にウェブサイトのスクリーンショットをはめ込み、洗練されたモックアップを生成します。机の素材や窓外の景色をブランドに合わせて変更可能です。 ### Full prompt ```text 2枚目の参考写真のウェブサイトを、1枚目の参考写真のコンピューター画面にはめ込んでください。背景をウェブサイトのスタイルに合った[緑豊かな山や丘を見渡すモダンなオフィス]に差し替え、テーブルの天板を[ホワイトオーク]に変更してください。 ``` --- ## ダークファンタジーゲームイベントUIモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-fantasy-game-event-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13835 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-fantasy-game-event-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ゲームui, ランディングページ, ダークファンタジー, モックアップ, 油彩画風, クライアントui - Updated: 2026-10-28T05:04:33.098Z - Created: 2026-10-28T05:04:33.098Z 戦闘キーアート、ミッションタブ、報酬パネルを含むゲームランチャー画面を生成。JSON内の項目を変更して文字やキャラ、画風を調整可能です。 ### Full prompt ```text { "type": "ゲームイベントのランディングページUIモックアップ", "art_style": "[重厚なインパスト油彩画、ダークファンタジー]", "background_artwork": { "description": "渦巻く影と紅蓮のエネルギーが交錯するダイナミックな戦闘シーン", "character_count": 4, "characters": [ "上部: 鮮烈な青い術式を放つ白髪の術師", "中央左: 影の式神を召喚する黒髪の戦士", "右側: 爆発的な赤いエネルギーの拳を放つピンク髪の格闘家", "左下: 巨大なハンマーを構える茶髪の女性戦士" ] }, "ui_layout": { "top_left": { "type": "イベントヘッダーオーバーレイ", "elements": [ {"small_text": "[리그 오브 레전드 X 주술회전]"}, {"large_title": "[주술사의 결전]"}, {"date_text": "[이벤트 기간: 2024.07.18 - 2024.08.28]"}, {"description": "소환사의 협곡에 주술회전이 강림했다. 임무를 완료하고 한정 보상을 획득해 보세요!"}, {"button": "[이벤트 참여]"} ] }, "bottom_left": { "type": "ミッションパネル", "header": "일일 임무 0/8", "mission_count": 2, "missions": [ {"text": "협곡에서 게임 1회 플레이", "progress": "0/1", "reward": "100"}, {"text": "적 챔피언 15회 처치 관여", "progress": "0/15", "reward": "200"} ] }, "bottom_right": { "type": "報酬パネル", "labels": ["주술회전 패스", "한정 스킨 보상"], "icon_count": 4, "icons": [ "目隠しをした白髪男性の肖像", "ピンク髪の少年の肖像", "茶髪の女性戦士の肖像", "影の呪霊モンスター" ] } } } ``` --- ## コスメECランディングページ モックアップ - URL: https://www.gptimagehub.com/ja/library/beauty-cosmetics-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-137 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbeauty-cosmetics-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, webデザイン, uiモックアップ, スキンケア, ecサイト, ミニマル, コスメ - Updated: 2026-10-28T04:54:08.098Z - Created: 2026-10-28T04:54:08.098Z 美容液をテーマにした清潔感と透明感のあるコスメECランディングページのファーストビューを生成します。ブランド名やキャッチコピー、配色を自由に調整可能です。 ### Full prompt ```text { "type": "ECサイトのLPファーストビュー（ヒーローセクション）モックアップ", "aesthetic": "クリーン、明るい、透明感、フェミニン、紫の花のフローラルアクセント、[soft pink]と白のカラーパレット、柔らかな照明", "header": { "logo": "[LUMEA BEAUTY]", "navigation_links": { "count": 5, "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"] }, "cta_button": "今すぐ試す" }, "hero_section": { "left_column": { "headline": "[鏡を見るたび、うるおう透明感。]", "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。", "feature_badges": { "count": 3, "style": "アイコン付きの角丸ピル形状", "labels": ["敏感肌OK", "高保湿", "朝晩使える"] }, "bullet_points": { "count": 3, "style": "ピンク色のチェックマーク", "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"] }, "cta_buttons": { "count": 2, "labels": ["初回限定で試してみる >", "成分をチェック >"] }, "trust_badges": "送料無料 / 初回限定 / 定期縛りなし" }, "center_subject": { "model": "[ほほに手を添えて微笑む若い東アジア系女性]", "action": "美容液のスポイトボトルを手に持つ" }, "right_column": { "product_display": { "count": 2, "items": ["[moisturizing boost serum] のスポイト付きボトル", "外箱パッケージ"] }, "stat_cards": { "count": 3, "style": "ゴールドのアクセントがある浮遊感のある白い角丸長方形", "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"] } } }, "bottom_section": { "benefit_cards": { "count": 3, "style": "アイコン付きの横長白い角丸長方形", "labels": ["うるおい", "透明感", "使いやすさ"] } } } ``` ### Source - Author: ryuya\_\_31 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## フェミニンでおしゃれなリンクインバイオ案内グリッド - URL: https://www.gptimagehub.com/ja/library/aesthetic-link-in-bio-promotional-grid-menu - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14243 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Faesthetic-link-in-bio-promotional-grid-menu - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: リンクインバイオ, プロモーショングリッド, リッチメニュー, 女性向けデザイン, uiレイアウト, ミニマル - Updated: 2026-10-28T04:44:53.098Z - Created: 2026-10-28T04:44:53.098Z ライフスタイル写真とCTAボタンを配置した、淡いトーンの6パネル案内グリッドを生成します。テキスト、SNS名、配色を自由に変更可能です。 ### Full prompt ```text { "type": "プロモーション用グラフィックグリッド", "style": "ミニマリスト、エステティックライフスタイル、フェミニン、[柔らかいベージュ、ダスティピンク、ホワイト]", "layout": "2列×3行のグリッド配置、幅いっぱいのフッター", "panels": [ { "position": "左上", "text": ["AI Sync", "無料", "[AIコミュニティ]", "学び、つながり、AIで理想の未来をつくる場所"], "button": "コミュニティに参加する >", "visuals": "ノートPCのキーボード、ドライフラワー、柔らかなアーチ型の背景" }, { "position": "右上", "text": ["AIでできること", "Learn AI, Create Future."], "list_items": { "count": 3, "items": [ {"icon": "lightbulb", "text": "業務効率化 時間を生み出す"}, {"icon": "pencil", "text": "クリエイティブ アイデアをカタチに"}, {"icon": "person", "text": "自分らしい働き方 理想の未来を叶える"} ] }, "visuals": "コーヒーカップ、雑誌、柔らかな影" }, { "position": "中央左", "text": ["[X]", "最新情報を発信中", "AI活用のヒントやマインドセットを日々つぶやいています ♡", "Follow me!"], "button": "Xをチェックする >", "visuals": "デスク風景を表示したスマートフォンのモックアップ" }, { "position": "中央右", "text": ["[Instagram]", "日常・学び・マインドをシェア", "ストーリーズでリアルな日常もお届けしています ♡"], "button": "Instagramをチェックする >", "visuals": "おしゃれなフォトグリッドを表示したスマートフォンのモックアップ" }, { "position": "左下", "text": ["一歩踏み出すきっかけに", "無料相談", "あなたの想いやお悩みをお気軽にお聞かせください"], "button": "無料で相談してみる >", "features": { "count": 3, "items": [ {"icon": "calendar", "text": "30分のオンライン相談"}, {"icon": "laptop", "text": "無理な勧誘は一切なし"}, {"icon": "heart", "text": "あなたに合ったヒントをお届け"} ] }, "visuals": "ドライフラワー、柔らかなライティング" }, { "position": "右下", "text": ["わたしについて", "AIを味方に、自分らしい働き方へ", "女性のキャリアと未来をサポートしています"], "button": "詳しいプロフィールはこちら >", "visuals": "白いシャツを着てお団子ヘアの後ろ姿の女性、タブレットを持っている" } ], "footer": { "text": "[AIで、わたしらしい未来を。]", "background": "ダスティピンク" } } ``` --- ## 火星移住ライブコマースUIモックアップ - URL: https://www.gptimagehub.com/ja/library/mars-livestream-e-commerce-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-149 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmars-livestream-e-commerce-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ライブコマース, uiモックアップ, 画面設計, モバイルアプリ, 火星, ソーシャルメディア, ec - Updated: 2026-10-28T04:41:08.098Z - Created: 2026-10-28T04:41:08.098Z イーロン・マスクが火星移住計画を宣伝するライブコマース画面を生成します。配信者名や商品カード、コメントを自由にカスタマイズ可能です。 ### Full prompt ```text { "type": "モバイルライブコマースUIモックアップ", "aspect_ratio": "9:16", "subject": { "person": "Elon Musk", "clothing": "SPACEXロゴ入りの黒いTシャツ", "pose": "両手でカメラに向かって熱心に身振りを交えながら解説するポーズ" }, "background": { "setting": "スタジオの大型ディスプレイ画面", "image": "Starshipロケットとドーム型居住区が広がる火星の風景", "text": [ "SPACEX", "[移民火星计划]" ] }, "ui_layout": { "header": { "broadcaster_info": { "name": "[ElonMusk]", "stats": "75.8万本场点赞", "follow_button": "关注" }, "viewer_stats": { "avatars_count": 3, "text": "10万+", "close_button": "X" }, "tags": [ "带货总榜第1名", "更多直播 >" ] }, "product_card": { "position": "mid-right", "status": "讲解中", "image": "火星のドーム型居住区", "title": "[火星移民基础套餐]", "price": "[¥99.00]", "action_button": "抢" }, "chat_overlay": { "position": "bottom-left", "join_alert": "星辰大海 加入了直播间", "messages": [ "[梦想家: 支持马斯克！！🚀]", "火星弟弟: 多少钱一位？", "科技迷: 太酷了！想去火星！", "未来已来: 如何报名？", "小火箭: 🌹🌹🌹", "宇宙无敌: 讲解一下细节", "东方不败: 老马牛逼！👍👍👍" ] }, "bottom_action_bar": { "input_placeholder": "说点什么...", "icons": ["shopping cart", "gift box", "heart planet", "plus sign"] }, "floating_reactions": { "position": "bottom-right", "elements": "浮かび上がるカラフルなハート、いいね、ロケットのリアクションアニメーション" } } } ``` ### Source - Author: JCutcut47692 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## クリエイティブ広告生成AIツールのUI - URL: https://www.gptimagehub.com/ja/library/creative-ad-ideation-ai-tool-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15468 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcreative-ad-ideation-ai-tool-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, saas画面, 看板モックアップ, ダークモード, 広告キャンペーン, 制作ツール, ブランディング - Updated: 2026-10-28T04:40:08.098Z - Created: 2026-10-28T04:40:08.098Z AI生成された看板モックアップをグリッド配置で表示するダークモードSaaS画面を生成。ブランド名や広告コピー、日付を変更可能です。 ### Full prompt ```text 参照写真のビジュアルアイデンティティとカラーパレットを踏襲した、[Netflix]向け看板広告コンセプト4案を2×2グリッドで表示する洗練されたダークモードAIクリエイティブ生成ツールのUI画面。左サイドバーには2つのモデル選択カードを備えたAIモデルピッカー。メインキャンバスには生成された4つのコンセプトサムネイルが2×2で並び、それぞれ劇的なライトと濡れた路面の反射を伴う夜の屋外ビルボードモックアップに、VRヘッドセットを装着した人物が描かれている。ビルボードの太字コピーは「[NETFLIX VR]」「[COMING SOON]」「[28TH MAY]」。各サムネイル上部には生成時間バッジが配置される。右側にはプロンプト情報を要約したUIチップやパラメータータグ。深みのあるチャコールとブラックの背景に鮮やかなレッドのアクセント、クリアな白のサンセリフ書体を配した高級SaaSインターフェース。 ``` --- ## AIゲームアセット作成フローのチャット画面 - URL: https://www.gptimagehub.com/ja/library/ai-game-asset-workflow-chat-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20929 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-game-asset-workflow-chat-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: uiデザイン, chatgpt, ゲームアセット, スクリーンショット, 3dレンダリング, 日本語ui, インターフェース - Updated: 2026-10-28T04:37:38.098Z - Created: 2026-10-28T04:37:38.098Z 生成された3Dゲームプロップ、日本語UIテキスト、ダウンロードリンクが並ぶAIチャット画面を再現。括弧内の指示文やアセット詳細を変更可能です。 ### Full prompt ```text ゲームアセット生成の結果を日本語で表示する、ChatGPT風ウェブ会話インターフェースのリアルなスクリーンショット。白背景にすっきりとしたミニマルなレイアウト、余白、細い区切り線、黒の本文テキスト、青のクリッカブルリンク。上部中央には薄いグレーの角丸ユーザーメッセージの吹き出しがあり、テキストは「[image genでゲームで使えそうなアセットの画像を4枚を個別で生成して それぞれを3D化してみて！]」。その下に薄いグレーのステータス行「25m 50s作業しました 〉」と細い区切り線。アシスタントの返答テキスト：「できました。4枚のゲーム向けアセット画像を生成して、それぞれPixal3DでGLB化まで通しました。」に続き、「画像:」の見出しの下に4つの箇条書きリンク（mana_crystal_alpha.png、treasure_chest_alpha.png、energy_turret_alpha.png、mushroom_house_alpha.png）。続いて「3D化したGLB:」の下に4つの箇条書きリンク（mana_crystal.glb、treasure_chest.glb、energy_turret.glb、mushroom_house.glb）。締めくくりのテキスト：「生成したのは、魔法クリスタル、宝箱、SFエネルギータレット、きのこ家です。背景はクロマキーから透明化して、3D化に渡しています。」最下部には4枚の角丸正方形サムネイルカードが横一列に並ぶ：カード1は鮮やかなグリーンのクロマキー背景に[ダークストーンの台座に乗った青いマナクリスタルのオベリスク]、カード2はグリーンのクロマキー背景に[黒い金具・金色の鍵・赤い宝石が付いた木製宝箱]、カード3はグリーンのクロマキー背景に[青く光るコアと砲身を備えたグレーのSFエネルギータレット]、カード4は鮮やかなマゼンタのクロマキー背景に[赤に白い水玉屋根・木製ドア・温かい光の窓があるかわいいキノコの家]。4つのアセットはすべて中央に綺麗に切り抜かれた高品質な3Dゲーム用プロップ。 ``` --- ## AIエージェント協調SaaSのLPとダッシュボードUI - URL: https://www.gptimagehub.com/ja/library/agent-collaboration-saas-landing-and-dashboard - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32152 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fagent-collaboration-saas-landing-and-dashboard - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: saas, ダッシュボード, ランディングページ, uiデザイン, webデザイン, aiエージェント, モックアップ - Updated: 2026-10-28T04:36:28.098Z - Created: 2026-10-28T04:36:28.098Z AIエージェント向けSaaSのLPとダッシュボード画面を左右に並べたモックアップを生成します。角括弧内の名称を変更して利用できます。 ### Full prompt ```text AIエージェント共同作業プラットフォーム「[AgentBoard]」のエディトリアルSaaSプロダクトモックアップ。温かみのあるオフホワイトの微細な木目調背景の上に、ブラウザ風の2つの角丸パネルが狭い間隔で左右に並んだワイド4:3の構図。 左画面（マーケティングLP）： - 上部ナビ：左に「AgentBoard」ロゴ、中央にProduct、Solutions、Resources、Pricing、右に「Log in」と濃緑の「Start for free」ボタン。 - ヒーロー領域：「AI-NATIVE WORKSPACE」ピルタグ、見出し「One board. Many agents. Real outcomes.」（「Real outcomes.」は緑のイタリック体）、サブテキスト「Plan, build, and ship work—together.」、濃緑の「Start for free」と線画の「Book a demo」ボタン。 - ヒーロー横に等角投影のワークフロー図：5枚のエージェントカード（Research Agent、Strategy Agent、Content Agent、Design Agent、Data Agent）が曲線とDone/In progressチップで連結。 - その下に4つの指標タイル：「2.4M+ Tasks automated」「180K+ Agents this month」「98.6% On-time」「4.9★ User rating」。 - 連携ツール行「Connects with the tools you use」に7つのアイコン：Slack、Notion、GitHub、Figma、Google Drive、HubSpot、「+ More」。 - 女性の写真付き推薦枠：「AgentBoard gives us complete visibility and keeps our team aligned.」— Sarah Chen, Head of Product, Northline。 - 最下部に4つの機能説明：Visual workspace、Multi-agent collaboration、Real-time progress、Secure & governed。 右画面（製品ダッシュボード）： - トップバー：「AgentBoard」ロゴ、Workspace、Agents、Integrations、Data、Reportsタブ、Inviteボタン、5人のアバター、「+3」バッジ。 - 「Acme Inc.」の左サイドバー（11項目）：Home、Inbox（8通知）、Boards、Agents、Workflows、Data、Reports、Integrations、Settings、Help、Collapse。 - メイン見出し：「[Q2 Go-to-Market Launch]」、緑の「Live」バッジ、サブタイトル「Coordinating agents across research, strategy, content, design, and ops.」、Shareおよび濃緑のAdd agentボタン。 - 4つのタブ：Board（アクティブ）、Progress、Outputs、Activity。 - ボード領域：左から右へ接続された6枚のカード（Research、Data、Strategy、Content、Design、Ops）と待機中の7枚目（Analytics Agent「Performance forecast」Queued）。右上に検索や100%ズーム等の操作系。 - KPI帯：進捗72%、稼働中エージェント9、実行中タスク24、完了タスク156、時間遵守率92%、「View all runs」ボタン。 - 最近のアウトプット4件（GTM Strategy Briefなど）、最近の実行テーブル5行、最下部にComposer入力バー。 スタイル：洗練されたミニマルなスタートアップデザイン、セリフ見出しとクリーンなサンセリフUI、フォレストグリーンのアクセントカラー。 ``` --- ## Lumen ウェルネスアプリUIコンセプト - URL: https://www.gptimagehub.com/ja/library/lumen-wellness-app-ui-concept - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29237 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Flumen-wellness-app-ui-concept - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiモックアップ, iosアプリ, グラスモフィズム, ウェルネスアプリ, モバイルui, アプリデザイン - Updated: 2026-10-28T04:29:38.098Z - Created: 2026-10-28T04:29:38.098Z すりガラス表現と日本語タイポグラフィを取り入れた、落ち着きのあるiOS風ムード＆呼吸記録アプリUIを生成します。アプリ名やラベルテキストを自由に変更できます。 ### Full prompt ```text 柔らかなApple風グラスモフィズムと日本語UIテキストを採用した、ライトテーマの気分・呼吸記録ウェルネスアプリ「[Lumen]」の洗練されたiOS風モックアップ。 構図とレイアウト：縦型のモバイルスクリーンショット（アスペクト比9:16）。左上に洗練されたセリフ体でアプリ名「[Lumen]」、その下に小さく濃いグレーの日本語でサブタイトル「今日の光」。右上には3本線のハンバーガーメニューが入った半透明の丸いボタンを配置。 背景：淡いクリームホワイトのベースに、下部には柔らかな水彩風の山並みと葦のシルエット。中央を縦に走る光の軌跡は、上部の温かみのあるピーチ色から下部のペールブルーへと緩やかにグラデーションしながら発光。 主要UI要素（縦に並ぶ5つの浮遊するすりガラスカード）： 1. 上部ミニピルカード：左側にピーチ色の太陽アイコン、ラベル「集中」、時刻「10:20」、右側に小さなオレンジのステータスドット。 2. 選択中ピルカード：ミントグリーンの発光アウトラインを持つ半透明ホワイトのピル。左にティール色の波・呼吸アイコン、ラベル「穏やか」、時刻「15:40」、右に小さなティール色のドット。下部に小さな下向きの切り込みがあり、展開カードへと繋がる。 3. 展開された気分入力カード：大きな角丸フロストガラスパネル。左上に同じティール色の波アイコン、タイトル「穏やか」、時刻「15:40」、右上に丸い「×」閉じるボタン。中央に悲しい顔・バー・笑顔の3要素からなる水平スライダー。その下に「深呼吸のあと、少し軽くなった」と鉛筆アイコンが入った入力欄。最下部に「記録する」と書かれたティールグラデーションボタン。 4. 下部ミニピルカード：左に青い月と星のアイコン、ラベル「回復」、時刻「20:45」、右に小さな青いドット。 5. ボトムナビゲーションバー：幅広の半透明カプセル型。左にグラフアイコン、中央に黄金色に光る丸ボタン（下に「気分を追加」のラベル）、右にハートのアウトラインアイコンの計3つのコントロール。 スタイル：ミニマルで上質なiOSアプリデザイン、フロストガラスの質感、柔らかなドロップシャドウ、繊細な光彩、チャコール色の文字。端末フレームやステータスバー、透かしはなし。 ``` --- ## 大理石の上の高級ファッション誌見開き - URL: https://www.gptimagehub.com/ja/library/open-luxury-fashion-magazine-spread - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28962 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fopen-luxury-fashion-magazine-spread - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: photorealistic - Tags: ファッション雑誌, エディトリアルデザイン, 雑誌モックアップ, フラットレイ, 大理石テーブル, 印刷デザイン - Updated: 2026-10-28T04:28:53.098Z - Created: 2026-10-28T04:28:53.098Z 大理石の上に開かれたファッション雑誌の見開きと自然光を生成します。参考にする雑誌のスタイルや掲載人物を変更してアレンジできます。 ### Full prompt ```text 磨かれた大理石のテーブルの上に置かれた、見開きの高級ファッション雑誌のエレガントなエディトリアルレイアウト。左ページには[参照写真の人物]のフルページ主役ポートレートが掲載され、右ページには洗練されたエディトリアルタイポグラフィと贅沢な余白とともに、美しく配置された3枚のサブファッション写真が並んでいます。リアルな中央の折り目、わずかな紙のめくれ、上質な光沢印刷の質感、繊細な反射が再現されています。暖かな自然光がページを横切って柔らかい斜めの影を落とします。[Vogue Italia、Harper's Bazaar、Diorのキャンペーン写真]にインスパイアされた、豊かなコントラストとリアルな被写界深度を持つスタイル。 ``` --- ## 未来的ラボ製品スキャンUI - URL: https://www.gptimagehub.com/ja/library/futuristic-laboratory-product-scan-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22150 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-laboratory-product-scan-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 製品スキャン, hudインターフェース, ワイヤーフレーム, sf ui, テクニカル設計図, x線表示 - Updated: 2026-10-28T04:28:43.098Z - Created: 2026-10-28T04:28:43.098Z 製品写真をサーマル分析やワイヤーフレーム指示線を備えた高コントラストなテクニカルHUDに変換します。括弧内を変更してテーマを調整可能です。 ### Full prompt ```text { "intent": "参照写真の製品を[未来的なラボスキャンディスプレイ]に変換する", "source_asset": "参照写真に写っている製品", "presentation": { "frame": "中央配置された製品", "layout": "グリッドに固定されたインターフェース構成", "density": "ミニマルかつ高度にテクニカル", "panel": "拡大可能な分析ウィンドウ用に確保された一角" }, "surface_treatment": { "base": "単色ブラックの背景", "grid": "整然としたホワイトのドラフティンググリッド", "form": "発光する半透明のX線ワイヤーフレームモデル", "edges": "シャープな白色の発光アウトライン", "ui": "ミニマルなSF HUDスタイル" }, "scan_graphics": { "labels": "製品パーツ名を指す引き出し線付きの細い白色コールアウト", "detail_view": "製品の一部をクローズアップした拡大検査ウィンドウ", "thermal_layer": "ズームビュー内の赤・オレンジ・青のヒートマップオーバーレイ", "status_text": [ "THE SCAN...", "MATERIAL ANALYSIS...", "98% DATA PROCESSING" ], "modules": "小さなローディングパネルと診断UIブロック", "markers": "画面の四隅と外周を囲む角ばった発光フレームマーカー" }, "design_language": { "engineering": "高度な製図・テクニカルドローイングの美学", "environment": "未来的な研究所の診断インターフェース", "purity": "極めてクリーンな構図", "contrast": "アクセントのサーマルカラーを備えたハイコントラストなモノクロUI" }, "illumination": { "halo": "製品シルエット周囲の繊細な白色エッジグロー", "beam": "ボリュメトリックなスキャン光ビームスライス", "feel": "精密なテクニカルビジュアライゼーション" }, "deliverable": { "theme": "[未来的な製品スキャンインターフェース]", "result": "テクニカル診断HUDビジュアライゼーション画面", "finish": "[極めてクリーンでシャープなテクニカルレンダリング]" } } ``` --- ## ダークラグジュアリーバーガーWebモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-luxury-burger-website-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15974 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-luxury-burger-website-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: graphic-design - Tags: ランディングページ, webデザイン, ハンバーガー, フード写真, uiモックアップ, ネオン照明, ダークモード - Updated: 2026-10-28T04:22:13.098Z - Created: 2026-10-28T04:22:13.098Z チーズバーガーを頬張る女性モデルと詳細なUIモジュールを備えた、ダークモードの高級ファストフードWebページを生成します。見出しや具材、価格を調整可能です。 ### Full prompt ```text {"type":"映画風の高級ファストフードランディングページ広告","brand":{"name":"PixPretty","tagline":"BITE. SMILE. REPEAT."},"scene":{"setting":"黒い背景、強烈なレッドネオンの輝き、微かな煙、飛び散る火花、光沢のある高コントラスト照明を備えたダークトーンのプレミアムバーガー広告","style":"超リアルな料理写真と洗練されたWeb UIデザインの融合","colorPalette":["ブラック","ディープレッド","ネオンレッド","ウォームオレンジ","ゴールデンチーズトーン","ホワイト"],"aspectRatio":"3:2"},"layout":{"header":{"position":"上部","count":8,"labels":["PixPretty","HOME","MENU","OUR STORY","LOCATIONS","CONTACT","検索アイコン","アカウントアイコン","赤いバッジ2付きカートアイコン"]},"hero":{"position":"左および中央","count":4,"labels":["大きな見出しブロック","説明文","今すぐ注文ボタン","ハンバーガーを食べる女性"]},"rightPanel":{"position":"右側","count":1,"labels":["代表商品の製品カード"]},"productCarousel":{"position":"下部中央","count":3,"labels":["CHEESE LOVER","DOUBLE TROUBLE","SPICY KICK"]},"featureBar":{"position":"最下部","count":4,"labels":["FREE DELIVERY","FAST & FRESH","EARN REWARDS","SUPPORT LOCAL"]}},"headline":{"text":"[THE BURGER THAT HITS DIFFERENT]","style":"3行に積み重ねられた赤と白の文字が交互に並ぶ非常に大きな凝縮されたディストレスト大文字タイポグラフィ、上部に小さな赤い王冠の落書きと左側に赤いアクセントマーク"},"bodyText":"Crafted for those who crave bold flavors and unforgettable bites. This isn't just a burger. It's an experience.","cta":{"text":"Order Now","style":"白い文字と右矢印が付いた幅広の赤いブラシストロークボタン"},"subject":{"person":"黒いレザージャケット、黒いウェーブヘア、フープピアスを身に着け、両手で大きなチーズバーガーを持って頬張る魅力的な女性","framing":"ミディアムクローズアップ、バーガーの背後中央、顔はバーガーと影で部分的に隠れている","lighting":"背後からの強いレッドネオンのハイライトを伴うムードのある映画的リムライト"},"food":{"mainItem":"[とろけるチェダーチーズが入ったジューシーなベーコンチーズバーガー]","details":["光沢のあるゴマバンズ","分厚いビーフパティ","カリカリのベーコン","滴り落ちるたっぷりの溶けたチーズ","リアルでオイリーな質感","ドラマチックで食欲をそそるハイライト"]},"rightCard":{"title":"PIXPRETTY CLASSIC","tag":"SIGNATURE","description":"Juicy grilled beef, melted cheddar, crispy onions, fresh lettuce, pickles, and our signature sauce.","rating":"4.9 (2.3k+)","price":"[$12.99]","nutrition":{"count":4,"labels":["Calories 850 kcal","Protein 42g","Carbs 45g","Fat 52g"]},"spice":{"label":"SPICY LEVEL","count":5,"icons":"赤い唐辛子アイコン4個と薄暗い唐辛子アイコン1個"},"extra":"カード右上のハートのアウトラインアイコン"},"carousel":{"items":[{"name":"CHEESE LOVER","price":"$11.99","description":"濃厚なとろけるチーズがのったシングルバーガーのサムネイル"},{"name":"DOUBLE TROUBLE","price":"$14.99","description":"ダブルパティとベーコンの注目のセンターバーガーサムネイル、光る赤い輪郭で強調"},{"name":"SPICY KICK","price":"$13.99","description":"ハラペーニョとベーコンのバーガーサムネイル"}],"navigation":{"count":2,"labels":["左矢印ボタン","右矢印ボタン"]}},"featureBar":{"items":[{"title":"FREE DELIVERY","subtitle":"On orders over $25"},{"title":"FAST & FRESH","subtitle":"Delivered hot to you"},{"title":"EARN REWARDS","subtitle":"Every bite counts"},{"title":"SUPPORT LOCAL","subtitle":"Made in your community"}]},"branding":"プレミアムファストフードのWebサイトモックアップ、洗練された構造的な構図、シャープフォーカス、リアルな反射、繊細なUIグロー、高級広告の美学"} ``` --- ## メカニカルキーボードEC商品ページモックアップ - URL: https://www.gptimagehub.com/ja/library/mechanical-keyboard-ecommerce-product-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14449 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmechanical-keyboard-ecommerce-product-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ecサイト, 商品詳細ページ, メカニカルキーボード, ウェブデザイン, ミニマリズム, デスクトップui - Updated: 2026-10-28T04:18:43.098Z - Created: 2026-10-28T04:18:43.098Z 高級メカニカルキーボードのデスクトップEC商品詳細ページUIを生成します。ブランド名や製品名、価格を変更してカスタマイズできます。 ### Full prompt ```text プレミアムメカニカルキーボードブランド[KeyForge]の、クリーンでモダンなEコマース商品詳細ページのデスクトップWeb UIモックアップ。白を基調とした背景に淡いグレーの境界線とゆとりのある余白を配置。上部ナビゲーションバー、左側のサムネイル列、中央のメイン製品画像、右側の購入パネルで構成。ヘッダー左端にボールドの[KeyForge]ロゴ、「Keyboards」「Switches」「Keycaps」「Accessories」「Sale」「Blog」「Support」のナビリンク、右端に検索・アカウント・カートアイコン（「1」のバッジ付き）を配置。中央メイン画像には、シルバーのアルミケース、白とグレーのキーキャップ、ラベンダーパープルのアクセントキー、右上にシルバーの音量ノブを備えた75%メカニカルキーボードを、薄いグレーの台座上に斜め上から撮影。左側のギャラリーには5つのサムネイル（正面、斜め、キースイッチ接写、キーキャップ質感、再生アイコン付き動画）。右パネルには「NEW」バッジ、太字の製品名[KeyForge K75 Pro]、サブタイトル「75% Mechanical Keyboard」、星4.8評価「(126 reviews)」、価格[[$129.99]]、「In Stock」表示、簡潔な2文の説明文。スイッチ選択ボタン4種（「Cherry MX Red」選択中）、「White / Purple」選択中のカラー選択、数量「1」、黒の「Add to Cart」ボタン、線画の「Add to Wishlist」ボタン。下部に「Free Shipping」「30-Day Returns」「2-Year Warranty」のアイコン付き保証表示。下段にはタブメニュー、6つの機能紹介カード（75% Layout、Gasket-Mountedなど）、詳細仕様リスト。ミニマルなサンセリフタイポグラフィと洗練されたUIレイアウト。 ``` --- ## 日本語SaaSランディングページモックアップ - URL: https://www.gptimagehub.com/ja/library/japanese-saas-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21402 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-saas-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: saas, ランディングページ, uiデザイン, 日本語, モックアップ, webデザイン, ミニマル - Updated: 2026-10-28T04:14:43.098Z - Created: 2026-10-28T04:14:43.098Z アプリのスクリーンショットを、ヒーローモックアップと機能カードを備えた洗練された日本語SaaSページに変換します。製品名やコピーを変更して利用できます。 ### Full prompt ```text 参照写真のプロダクトUIスクリーンショットを使用して、[DevKnow] の洗練された日本語デスクトップ向けSaaSランディングページを生成してください。認識可能なアプリUIをヒーローセクション右側の角丸ブラウザモックアップ内に配置し、わずかに縮小して柔らかなシャドウと背景に繊細な紫の抽象グラデーションを施します。 レイアウトとスタイル: クリーンな白背景にパープルのブランドアクセント、広々とした余白、角丸、鮮明な日本語タイポグラフィを備えたモダンな実用レベルのデスクトップWebサイト。 トップナビゲーションバー: 左側にブランドロゴと名前 [DevKnow]、中央に5つのナビリンク「特徴」「使い方」「料金」「アップデート」「よくある質問」、右側に「ログイン」リンクと紫色のCTAボタン「無料で始める →」。 ヒーローセクション（左側）: - 上部に小さな角丸バッジ: 「AI・個人開発の最新ニュースを毎日お届け」 - 太字の日本語見出し: [開発の「今」を、毎日あなたのもとへ。]（「あなたのもとへ」のフレーズを紫色で強調） - サブテキスト: [DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。] - CTAボタン: 紫色のプライマリボタン「無料で始める →」とホワイト/枠線のセカンダリボタン「使い方を見る」 - ボタン下に紫のチェックアイコン付きの3つの信頼指標: 「登録不要で始める」「いつでも解約OK」「Webブラウザで利用可能」 機能セクション（ヒーロー下の中央配置）: - 見出し「DevKnow でできること」の上に紫色の小さなセクションラベル「FEATURES」 - 繊細なドロップシャドウと紫色のアイコンを持つ角丸の機能カード4枚を横1列に配置: 1) 稲妻アイコン: タイトル「毎日の厳選ニュース」、説明「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」 2) レイヤーアイコン: タイトル「カテゴリで簡単に検索」、説明「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 3) ブックマークアイコン: タイトル「保存してあとで読む」、説明「気になるニュースを保存して、あとでゆっくり読めます。」 4) ベルアイコン: タイトル「通知で見逃さない」、説明「重要なニュースは通知でお知らせ。トレンドを逃しません。」 ``` --- ## ニューモーフィズム調ダッシュボードUIキット - URL: https://www.gptimagehub.com/ja/library/neumorphic-dashboard-ui-component-kit - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15649 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fneumorphic-dashboard-ui-component-kit - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ニューモーフィズム, uiキット, ダッシュボード, スマートホーム, メディアプレーヤー, モバイルui, ミニマリズム - Updated: 2026-10-28T04:12:13.098Z - Created: 2026-10-28T04:12:13.098Z 柔らかな陰影とティール・オレンジのアクセントが際立つニューモーフィズムUIキットを生成します。テキストや数値を変更して自由にカスタマイズ可能です。 ### Full prompt ```text クリーンな明るいグレーの背景に配置された、高級感のあるニューモーフィズム調スマートホーム＆メディアコントロールUIキット。柔らかく浮き出るような陰影、繊細なインナーハイライト、フロスト加工されたホワイトのサーフェス、深みのあるティールと温かみのあるオレンジのアクセントが施されたダッシュボード構図。ミニマルで未来的、触覚的な質感を持つハイエンドモバイルUIコンセプト。全18個のUIモジュールとアイコンを配置：左上に光沢のあるディープティールの中心部、点線の外周、プラス・マイナス記号、「VOLUME 67%」のテキストを持つ大型円形ボリュームノブカード。「VOLUME」のラベル、白いノブ、オレンジのレベルバー、スピーカーアイコン、「67%」を表示する垂直スライダーカード。上部中央右寄りに目盛り25、50、75、100、中央値「72%」、ラベル「BALANCE」、小さなオレンジのインジケータードットを持つ大型円形バランスダイヤル。右上にN、E、S、Wラベル、金属質なティールの針、リムにオレンジのアクセントドットを持つ円形コンパスウィジェット。左中央にティールの中心部、質感ある白いダイヤル縁、オレンジのドット、「MIN」「MAX」ラベルを持つ小さめの円形ノブ。その下に電源、ワイヤレス接続、ハートのアウトラインを示す3つの小さな円形ユーティリティボタンが1列に並び、さらにその下にティールノブと「ON」のテキストを持つトグルスイッチ。中央にティール色の抽象的な砂丘のアートワーク、曲名「Beyond The Horizon」、アーティスト名「Aurora Nights」、右上にハートアイコン、波形プログレスバー、タイムスタンプ「1:45」と「3:58」、下部に再生コントロール（シャッフル、前へ、中央のオレンジの再生ボタン、次へ、リピート）を備えた大型メディアプレーヤーカード。右側に紙飛行機、重なったレイヤー、チェックマーク付きの盾、雲、オレンジの通知ドット付きベル、歯車の6つの角丸正方形アプリアイコン（2列3行）。左下にアナログ時計の文字盤、デジタル時間「10:58 AM」、日付「Thursday, May 23」、日の出・日の入り時刻「06:15 AM」「08:24 PM」を表示する長方形の時計カード。下部中央に「San Francisco」、「18°」、「Partly Cloudy」、「H: 21° L: 13°」、雲と太陽のイラスト、「11 AM」「12 PM」「1 PM」「2 PM」「3 PM」の5枠の1時間ごと予報を表示するウェザーカード。右下にアクティブな左タブがティール色で波形アイコンを表示し、他にユーザーとフォルダーのタブが並ぶピル型の3タブセレクター。その直下に虫眼鏡と「Search...」プレースホルダー付きの検索バー、さらにその下にティールの進行バーと白いノブを持つスライダー。右下に右向きのオレンジの矢印が付いた「[EXPLORE]」と書かれた角丸CTAボタン。下端中央に並ぶ5つの円形ナビゲーションアイコン（ホーム、棒グラフ、日付「23」付きカレンダー、吹き出し、ユーザープロファイル）と、その横にあるカメラアイコンとオレンジのプラス記号の2つのフローティングアクションボタン。 ``` --- ## Windows 11 デスクトップ UI ショーケース - URL: https://www.gptimagehub.com/ja/library/windows-11-desktop-ui-showcase - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14580 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fwindows-11-desktop-ui-showcase - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: windows 11, uiモックアップ, グラスモーフィズム, デスクトップui, 製品ショーケース, ダッシュボード, オペレーティングシステム - Updated: 2026-10-28T04:04:13.098Z - Created: 2026-10-28T04:04:13.098Z モダンなグラスモーフィズムウィジェットとタスクバーを備えたデスクトップUIモックアップを生成します。見出しや天気、デバイス名を自由に変更可能です。 ### Full prompt ```text {"type":"Windows 11 プロモーション用UIモックアップ","style":"クリーンでモダンなプロダクトマーケティングレンダリング、柔らかいグラスモーフィズムカード、繊細なシャドウ、角丸、淡いブルーとホワイトのカラーパレット、鮮明なベクター風インターフェース、洗練されたプレゼンスライドの美学","scene":{"background":"インターフェースの背面に中央配置されたWindows 11の象徴的な抽象的ブルーリボンスワール壁紙と、淡いアイスブルーのグラデーション背景","headline":{"text":"[Windows 11]","subtext":"[Designed for focus.]","position":"画面上部中央"}},"layout":{"type":"デスクトップUIショーケース","sections":[{"title":"左サイドバー","position":"左端の垂直ドック","count":8,"labels":["Windowsロゴ","Home","Apps","Files","Cloud","Settings","Ava profile","Power"]},{"title":"生産性ウィジェット","position":"左カラムカード","count":3,"labels":["Good morning, Ava","Weather","Calendar"]},{"title":"中央スタートメニュー","position":"下部中央","count":3,"labels":["Search bar","Pinned","Recommended"]},{"title":"右カラムカード","position":"右上・中央・右下","count":3,"labels":["Ava's Phone","Notifications","Quick settings"]},{"title":"タスクバー","position":"下部全幅","count":10,"labels":["Weather summary","Start","Search","Task View","Microsoft Edge","File Explorer","Microsoft Store","Outlook","OneDrive","Teams"]}],"centerpiece":"青い抽象壁紙の前に浮かぶ大きなWindows 11スタートメニュー"},"widgets":{"greeting_card":{"title":"Good morning, Ava","subtitle":"Let's make today productive.","focus_block":{"label":"Focus","time":"Until 12:00 PM","timer":"45 min","button":"Focus timer"}},"weather_card":{"location":"[Seattle, WA]","temperature":"18°","condition":"Partly cloudy","range":"H: 21° L: 13°","forecast_count":5,"forecast_labels":["Now 18°","11AM 19°","12PM 20°","1PM 21°","2PM 21°"]},"calendar_card":{"date":"May 20, Monday","events_count":3,"event_labels":["11:00 AM Design sync, Teams Meeting","1:30 PM Lunch with Mia, Downtown","3:00 PM Project update, Conf Room 32/1B"],"button":"Open Calendar"},"phone_card":{"device_name":"[Ava's Phone]","status":"Connected","actions_count":3,"action_labels":["Messages","Calls","Photos"],"battery":"100%"},"notifications_card":{"title":"Notifications","action":"Clear all","items_count":3,"item_labels":["Teams — Design sync at 11:00 AM — 2m ago","Outlook — New email from Mia — 10m ago","Calendar — Lunch with Mia at 1:30 PM — 30m ago"]},"quick_settings_card":{"title":"Quick settings","toggles_count":6,"toggle_labels":["Wi‑Fi","Bluetooth","Airplane mode","Dark mode","Focus assist","Accessibility"],"active_toggles":["Wi‑Fi","Bluetooth"],"sliders_count":2,"slider_labels":["Brightness","Volume"],"wifi_network":"Contoso_5G"},"start_menu":{"search_placeholder":"Search for apps, files, settings...","pinned_count":18,"pinned_labels":["Edge","Word","Excel","PowerPoint","Outlook","Teams","Photos","Store","Notepad","Spotify","Figma","Clock","Calculator","Settings","Files","Movies & TV","Snipping Tool","More"],"recommended_count":4,"recommended_labels":["Project Overview","Q2 Financial Report","Brand Guidelines","My Notes"]}},"composition":"中央にスタートメニュー、左に3段積みカード、右に3枚のカードを配置した左右対称のプロダクトショーケース、ゆとりのあるスペーシング、背景からわずかに浮かぶ全要素、画面端から端まで広がる下部タスクバー","rendering":"デスクトップOS発表ページ用の高精細UIコンセプトアート、完璧なタイポグラフィ、余計な装飾のない洗練されたマイクロソフト風のアイコンデザイン"} ``` --- ## 衛星異常観測ウェブUIモックアップ - URL: https://www.gptimagehub.com/ja/library/satellite-anomaly-web-interface-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13762 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsatellite-anomaly-web-interface-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 衛星, インターフェース, uiデザイン, モックアップ, 異常現象, sf, ダッシュボード - Updated: 2026-10-28T03:46:43.098Z - Created: 2026-10-28T03:46:43.098Z 神秘的な海洋異常を捉えた科学衛星ビューアのリアルなUIを生成します。異常の形状や手書きメモ、座標を変更してSF演出を楽しめます。 ### Full prompt ```text { "type": "satellite imagery web interface mockup", "main_display": { "imagery": "中央に[巨大で完全に幾何学的な暗い三角形]が写った、海洋雲のグレースケール衛星画像", "annotation": "赤い手書きテキスト '[Natural formation???]' と異常現象を指す赤い矢印", "overlay": "40N、30N、160Wなどの座標ラベルが付いたかすかな青い緯度経度グリッド線" }, "ui_layout": { "top_header": { "left_section": "NOAAロゴ、テキスト '[GOES-18 ABI CONUS - Sector View]'、'[2024-03-15 14:32:20 UTC]'、および 'Band 2 (0.64µm) - Visible Light'", "right_section": "4つのナビゲーションアイコンとラベル: Home, Share, Help, Settings" }, "left_sidebar": { "count": 7, "items": ["Layers", "Products", "Basemap", "Measure", "Location", "Legend", "Download"] }, "bottom_panel": { "timeline": { "controls": "再生ボタン、左右矢印、テキスト '6 Scenes'、'6 of 6'", "thumbnails": { "count": 6, "description": "08:32 UTCから14:32 UTCまでの1時間刻みのタイムスタンプが付いた、異常現象の推移を示す6枚の連続衛星画像" } }, "data_readout": { "coordinates": "[Lat/Lon: 28.12°N, 162.08°W]", "elevation": "Elevation: 0.5°", "scale": "0から1000kmまでの距離スケールバー" } } } } ``` --- ## 和風サバイバルホラーのインベントリ画面 - URL: https://www.gptimagehub.com/ja/library/japanese-survival-horror-inventory-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16078 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-survival-horror-inventory-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: サバイバルホラー, インベントリui, ゲーム画面, 日本語ui, オカルト, シネマティック, 夜の都市 - Updated: 2026-10-28T03:45:03.098Z - Created: 2026-10-28T03:45:03.098Z 雨降る夜の街を背景にしたリアルな和風ホラーゲームのインベントリUIを生成します。所持品、テキスト、背景の都市要素を自由に変更できます。 ### Full prompt ```text 日本語表記のダークでシネマティックなサバイバルホラーゲームのインベントリ画面。陰鬱な雨降る夜の交差点を背景にしたリアルなコンソール風UI。背景には曇り空に浮かぶ満月、傾いた高層ビル、赤く光る信号機、停車した車、右端の自動販売機、傘を差した人物を含む4人の遠くの人影が描かれている。青黒い寒色系パレット、かすかな走査線、濡れた路面の反射、緊張感のあるオカルトな雰囲気。 UI構成： - 上部ナビゲーションバー：「所持品」「記録」「資料」「設定」の4つのタブと、両端に「L1」「R1」ボタン表示。 - 左側インベントリグリッド：「重要アイテム」の見出しの下に3列2行の計6枠。上段には個数「1」が表示された「古びた鍵」（選択中、細いネオンマゼンタの枠線で強調）、「歪んだ懐中電灯」、「無音の砂時計」の3アイテム。下段は薄い「X」印のついた空のスロット3枠。 - グリッド下部：「正常」と表示された緑色の心電図風ステータスバー。 - 左下目標パネル：「目標」の見出しと「[駅前の異変の原因を調査する]」のテキスト。 - 手前中央：UIの下に一部重なるスパイラルノート、「[鍵の儀式]」の手書き題名と魔方陣のスケッチ、缶飲料「[ゼリ]」、値札「[おすすめ品 ¥298]」。 - 右側詳細パネル：「古びた鍵」の拡大画面。「分類：重要アイテム」の文字、クローバー型の透かしが入った錆びた鉄製アンティーク鍵の高精細レンダリング、3行の短い解説文、下部にマゼンタ色の引用メモ「「扉は開くべきものではない。閉じるべきものでもない。」― 書き殴られたメモより」。 - 右下操作ガイド：「✕ 調べる」「◯ 戻る」。 ``` --- ## 注釈付きAIチャット複数画像生成UI - URL: https://www.gptimagehub.com/ja/library/annotated-ai-chat-multi-image-generation-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21763 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fannotated-ai-chat-multi-image-generation-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: anime - Tags: uiモックアップ, スクリーンショット, チャット画面, アニメ背景, 一括生成, 手描き注釈 - Updated: 2026-10-28T03:37:43.098Z - Created: 2026-10-28T03:37:43.098Z 手描き黄色マーカー注釈が入った、AIチャットによるアニメ背景の一括生成UI画面モックアップ。チャットテキストや強調パラメータを変更して活用できます。 ### Full prompt ```text 複数画像の一括生成を示すAIチャット画像生成UIのリアルなスクリーンショット風モックアップ。クリーンな白背景の横長16:9構図、右側のサムネイル一覧が見えるよう適度に拡大。レイアウト：右上に角丸の薄いグレーのユーザー吹き出しがあり、日本語テキスト「絵コンテを参考に今回のベた塗アニメMVで使用する背景イラストを被写体なしで10個作成してください。 テイスト強めで汚らしっぷつぷ感はなくしてください。プロアニメーターとして画質はよくしてほしいです。 16:9　[n=10]」を表示。その下左側に薄いグレーのステータス表示「Thought for 2m 7s ›」。メイン領域には角丸の大きな16:9生成プレビュー画像と、その右側に部分的に見える3つの縦並びサムネイル。メイン画像はキャラクターのいないパステル調アニメ背景で、セル画風ラインアート、パステルブルー・ピンク・イエロー・ミントの色調、吊り提灯、丸看板、商店街の街並み、奥の装飾アーチに続く消失点。プレビュー上のUI要素：左下に黒い丸型の「編集」ボタン、右下付近に白い下矢印ダウンロードボタン、右下に小さな共有アイコン。手描き風の太い黄色マーカー注釈として、「[n=10]」を囲む円、そこから右側サムネイルを指す矢印、サムネイル全体を囲む縦長の黄色ブラケットを配置。 ``` --- ## 近未来風AIアシスタントモバイルアプリUI - URL: https://www.gptimagehub.com/ja/library/futuristic-ai-assistant-mobile-app-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13905 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-ai-assistant-mobile-app-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: モバイルui, グラスモーフィズム, aiアシスタント, アプリデザイン, 3dキャラクター, ゲーミフィケーション - Updated: 2026-10-28T03:36:08.098Z - Created: 2026-10-28T03:36:08.098Z 3Dグラスモーフィズムとゲーミフィケーション要素を取り入れたAIアシスタントアプリUIを生成します。ロボットや吹き出し、タスクを自由に編集可能です。 ### Full prompt ```text { "type": "モバイルアプリUIモックアップ", "theme": "未来的なAIアシスタント、3Dグラスモーフィズム、ライトブルーとホワイトの配色", "header": { "user_profile": { "avatar": "小さな3Dロボットの頭部", "name": "[小智机器人]", "level_badge": "LV.8 星耀", "experience": "经验值 680/1000" }, "top_right_icons": { "count": 2, "labels": ["签到", "设置"] } }, "hero_display": { "subject": "ガラスヘルメットと青く光る目を持つかわいい3Dロボット", "pose": "光る未来的な円形ポディウムに立っている", "speech_bubble": "[Hi~ 今天也要加油哦！]", "background": "浮かぶ透明な泡がある抽象的なライトブルーのテクノロジー空間" }, "layout": { "sections": [ { "title": "每日签到", "subtitle": "连续签到 3 天", "type": "水平スクロールカード", "count": 5, "items": [ {"state": "アクティブな青いカード", "reward": "+10 コイン", "label": "可签到"}, {"state": "非アクティブな白いカード", "reward": "+15 コイン", "label": "2天"}, {"state": "非アクティブな白いカード", "reward": "+20 コイン", "label": "3天"}, {"state": "非アクティブな白いカード", "reward": "+30 コイン", "label": "4天"}, {"state": "非アクティブな白いカード", "reward": "+50 パープルダイヤ", "label": "7天"} ] }, { "title": "成长任务", "type": "垂直リスト", "count": 4, "items": [ {"icon": "青い本", "text": "[完成 1 次智能问答]", "progress": "1/1", "reward": "+15", "button": "领取"}, {"icon": "緑のロケット", "text": "[探索 3 个新功能]", "progress": "2/3", "reward": "+20", "button": "去完成"}, {"icon": "紫の吹き出し", "text": "分享给 1 位好友", "progress": "0/1", "reward": "+30", "button": "去完成"}, {"style": "青グラデーションバナー", "icon": "3Dダイヤモンド", "text": "[升级到 LV.9 可解锁新皮肤]", "progress": "680/1000", "button": "去升级"} ] } ], "bottom_navigation": { "count": 5, "items": [ {"icon": "青いホーム", "label": "首页"}, {"icon": "グレーのコンパス", "label": "发现"}, {"icon": "大きく突出した3Dロボットの頭", "label": ""}, {"icon": "赤丸付きのグレーの吹き出し", "label": "消息"}, {"icon": "グレーのユーザーアイコン", "label": "我的"} ] } } } ``` --- ## ライブ配信画面のUIモックアップ - URL: https://www.gptimagehub.com/ja/library/interactive-live-streaming-video-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13833 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Finteractive-live-streaming-video-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ライブ配信, uiモックアップ, 動画プレイヤー, 配信者, チャット画面, 画面設計 - Updated: 2026-10-28T03:34:58.098Z - Created: 2026-10-28T03:34:58.098Z 配信者、チャット欄、メディアコントロールが揃った配信画面を生成します。トピック名や配信者、背景の変更が可能です。 ### Full prompt ```text { "type": "live stream interface mockup", "subject": { "description": "[若い韓国人女性、長いダークウェーブヘア、水色のボタンダウンシャツ]", "accessories": "シルバーのクロスネックレス、ブームアームに取り付けられた黒の配信用マイク", "pose": "カメラに向かって話している、グレーのエルゴノミックチェアに座っている" }, "background": "[暖色照明の居心地の良い部屋、YouTubeの再生ボタンの盾が並ぶ棚]", "layout": { "top_bar": { "title": "[AGI 시대는 우리에게 무엇을 가져올까? | 기술, 일자리, 인간의 의미]", "badge": "LIVE" }, "left_chat": { "count": 7, "messages": [ {"user": "루나_1023", "text": "오늘 주제 진짜 기대돼요!"}, {"user": "미래_탐험가", "text": "AGI가 인간보다 똑똑해지면 우리는 어떤 존재가 될까요?"}, {"user": "코드네임A", "text": "일자리 얘기도 해주실 수 있나요? 요즘 너무 불안해서..."}, {"user": "별빛사랑", "text": "루나님 목소리 들으면서 같이 생각해봐요"}, {"user": "AI_조련사", "text": "AGI는 도구일까, 동반자일까?"}, {"user": "냥냥펀치", "text": "와! 시작부터 흥미진진하다!"}, {"user": "철학하는왕자", "text": "'인간의 의미'... 벌써부터 깊이 있는 이야기 예상됩니다"} ] }, "bottom_left_card": { "header": "TODAY'S TOPIC", "main_text": "[AGI 시대, 우리는 어디로 가는가?]", "sub_text": "기술 · 일자리 · 인간의 의미" }, "bottom_controls": { "elements": ["red progress bar", "play icon", "volume icon", "라이브", "settings icon", "fullscreen icon"] } } } ``` --- ## ぼかし加工ポートレートを表示するAIチャット画面 - URL: https://www.gptimagehub.com/ja/library/ai-chat-interface-showing-censored-portrait-result - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20718 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-chat-interface-showing-censored-portrait-result - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: aiチャット画面, uiスクリーンショット, ミニマルui, 日本語ui, ウェブデザイン, モックアップ - Updated: 2026-10-28T03:30:13.098Z - Created: 2026-10-28T03:30:13.098Z 女性2名の写真を出力したAI対話のミニマルなWeb UIスクリーンショットを生成します。吹き出しのプロンプトや画像内容を変更して調整可能です。 ### Full prompt ```text 白を基調とした16:9横長レイアウトの、洗練されたミニマルなAI画像生成チャット画面のリアルなスクリーンショット風画像。 上部UIエリア： - 右上に角丸の薄いグレーのユーザーメッセージ吹き出しがあり、日本語テキスト「[二人の女性が向かい合って座っている。お互い相手の唇に人差し指をあてている]」を表示。 - 吹き出しの右下には、角丸四角で囲まれたコピーアイコンと鉛筆の編集アイコンの計2つの小さなアウトラインアイコン。コピーアイコンの下には白文字の黒いツールチップ「メッセージをコピーする」を表示。 - 画像カードの左上には、薄いグレーのステータステキスト「Thought for 34s ›」。 生成画像カード： - 左中央に配置された角丸の大きな写真カード。 - カード内の写真には、柔らかな自然光とニュートラルなベージュグレーのスタジオ背景の中、腰から上が写った向き合う大人の女性2名。 - 左の女性：無造作な黒髪のお団子ヘア、黒のレーストリムローブを着用。 - 右の女性：ブロンドハイライトのゆるいお団子ヘア、白のレーストリムローブを着用。 - 互いに顔を近づけ、それぞれ片手を上げて合計2本の人差し指が見え、互いの唇に指先を触れているか向けている。 - 両女性の顔は肌色に馴染む縦長の長方形モザイク/ぼかし処理で覆われ、髪や手、輪郭はそのまま見える状態。 - 写真カードの左下に白い日本語テキスト「編集」。右下に白い上向き矢印アイコンが入った半透明の丸いボタン。 下部UIコントロール： - 写真カードの左下に、アウトラインのコピーアイコンと3点リーダーアイコン。 スタイル：モダンでミニマルなWeb UI、十分な余白、繊細なドロップシャドウ、正確な日本語テキスト。 ``` --- ## プロモーションバナーデザイン案 比較ボード - URL: https://www.gptimagehub.com/ja/library/promotional-banner-design-variations-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13906 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpromotional-banner-design-variations-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: バナーデザイン, デザイン案比較, レイアウト, web広告, マーケティング素材, タイポグラフィ - Updated: 2026-10-28T03:25:33.098Z - Created: 2026-10-28T03:25:33.098Z 同一講座の異なる3つのWebバナーデザインを1枚にまとめたプレゼンボードを生成します。角括弧内のテキストや被写体、バッジを変更して様々なテイストを検証できます。 ### Full prompt ```text { "type": "banner design variations", "subject": "[濃紺のブランケットに包まれたサビ猫]", "layout": { "description": "同じ講座の3種類のバナーデザイン案をまとめたコンポジット画像。上部に2つのバナーを横並びに配置し、下部に幅広のバナーを1つ配置したレイアウト。", "sections": [ { "position": "top-left", "style": "木漏れ日の影が差す上品で落ち着いたトーン", "text_elements": [ "[猫のように生きる]", "[仏教 × 哲学講座]", "[がんばりすぎない。比べない。ただ、今を生きる。]" ], "design_elements": { "badges": { "count": 3, "shape": "circular", "labels": [ "[心が軽くなる]", "[自分らしく生きられる]", "[猫から学ぶ智慧]" ] }, "icons": { "count": 1, "description": "ゴールドの小さな蓮のアイコン" } } }, { "position": "top-right", "style": "整ったタイポグラフィによるミニマルでモダンなデザイン", "text_elements": [ "[猫のように生きる。]", "[仏教 × 哲学講座]", "[がんばりすぎない。比べない。ただ、今を生きる。]" ] }, { "position": "bottom", "style": "カラフルなアクセントが効いたポップで明るくカジュアルなスタイル", "text_elements": [ "[がんばりすぎない、比べない、今を生きる]", "[猫のように]", "[生きる！]", "[仏教 × 哲学講座]" ], "design_elements": { "icon_text_pairs": { "count": 3, "descriptions": [ "蓮のアイコンとテキスト「心が軽くなる」", "太陽のアイコンとテキスト「自分らしく生きられる」", "肉球アイコンとテキスト「猫から学ぶ智慧」" ] }, "badges": { "count": 1, "shape": "緑色の円形バッジ", "label": "[オンライン 少人数制]", "icon": "ノートPC" } } } ] } } ``` --- ## SF系ブラインドボックスガチャのゲームUI - URL: https://www.gptimagehub.com/ja/library/sci-fi-blind-box-mobile-game-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13902 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsci-fi-blind-box-mobile-game-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: モバイルui, ガチャゲーム, ブラインドボックス, グラスモフィズム, ゲーム画面, sf系ui - Updated: 2026-10-28T03:20:18.098Z - Created: 2026-10-28T03:20:18.098Z グラスモフィズム調のブラインドボックスガチャ画面UIを生成します。中央のロボットやタイトル、ガチャボタンのテキストを好みに合わせて変更可能です。 ### Full prompt ```text { "type": "モバイルゲームUIモックアップ", "theme": "SF、キュート、グラスモフィズム、ネオンブルーとパープルのカラーパレット", "header": { "status_bar": "上部に標準のiOSステータスバー", "top_controls": "左に戻るボタン、右にダイヤアイコンと'128'の通貨表示", "title": "[机器人盲盒]", "subtitle": "[抽取你的幸运伙伴]" }, "layout": { "side_menu": { "position": "通貨表示のすぐ右下", "count": 2, "items": [ {"icon": "gift", "label": "奖品池"}, {"icon": "document", "label": "抽取记录"} ] }, "centerpiece": { "description": "メイン景品が入った透明ガラスのディスプレイケース", "subject": "[青く光る目と光沢のある白い装甲を持つかわいいちびロボット]", "case_details": [ "左上に'NO.001'ラベル", "右下にスターバーストステッカー'稀有款 概率UP!'", "下部に'再抽 6 次必出稀有款'と'4/10'の進捗バー" ] }, "background_elements": { "description": "ぼかしたトイストアの背景", "floating_items": { "count": 3, "description": "ロボットの顔が描かれた'BLIND BOX'と書かれた四角い箱、1つは'?'マーク付き" } }, "action_buttons": { "position": "下部ナビゲーションバーのすぐ上中央", "count": 2, "buttons": [ {"color": "blue", "text": "[抽一次]", "cost": "x 30"}, {"color": "purple", "text": "[抽十次]", "cost": "x 270", "tag": "9折"} ] }, "bottom_navigation": { "count": 4, "items": [ {"icon": "home", "label": "抽盲盒", "state": "active"}, {"icon": "store", "label": "商城"}, {"icon": "star", "label": "收藏"}, {"icon": "smiley", "label": "我的"} ] } } } ``` --- ## 地中海沿岸ドライブ 旅行広告バナー - URL: https://www.gptimagehub.com/ja/library/mediterranean-coastal-drive-travel-ad-banner - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14232 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmediterranean-coastal-drive-travel-ad-banner - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 旅行バナー, ウェブデザイン, ビンテージカー, 海岸線道路, 広告バナー, 日本語タイポグラフィ, uiデザイン - Updated: 2026-10-28T03:17:48.098Z - Created: 2026-10-28T03:17:48.098Z 風光明媚な海岸沿いのドライブ風景に、訴求力のあるタイポグラフィとUI要素を配置した旅行用バナーを作成します。目的地や車、キャッチコピー、ボタン文字を自由に変更できます。 ### Full prompt ```text { "type": "travel advertisement banner", "background": "[ターコイズブルーの海、崖沿いの村、曲がりくねった道路が広がる地中海の沿岸風景]、晴天、右上に輝く太陽光、右下にピンクのブーゲンビリア", "foreground": "海岸道路を走る[後部に茶色いスーツケースを括り付けた水色のビンテージカー]", "layout": { "typography": [ { "type": "main headline", "text": "[旅に出たくなる瞬間。]", "style": "大型明朝体、ダークブルーからティールへのグラデーション、左揃え" }, { "type": "subheadline", "text": "[まだ見ぬ景色へ、次の休日を。]", "style": "中型明朝体、ダークブルー、装飾線と星マーク付き" }, { "type": "accent text", "text": "さあ、世界へ。", "style": "手書き風フォント、ティール、点線の飛行ルートと飛行機アイコン付き" } ], "ui_elements": [ { "type": "badge", "position": "top right", "shape": "circular", "text": "週末が、一生の思い出に" }, { "type": "cta button", "position": "bottom left", "style": "丸角ピル形状、ティールからグリーンへのグラデーション", "text": "[今すぐチェック]" } ], "feature_bar": { "position": "bottom", "count": 3, "items": [ { "icon": "globe", "text": "絶景スポット多数" }, { "icon": "camera", "text": "心に残る体験を" }, { "icon": "suitcase", "text": "週末で行ける旅も" } ] } } } ``` --- ## ライブコマース画面UIモックアップ - URL: https://www.gptimagehub.com/ja/library/e-commerce-livestream-shopping-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-159 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fe-commerce-livestream-shopping-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ライブコマース, uiデザイン, アプリ画面, モックアップ, スポーツウェア, ec - Updated: 2026-10-28T03:17:43.098Z - Created: 2026-10-28T03:17:43.098Z スポーツウェアの配信モデル、商品カード、チャットオーバーレイを備えたライブコマースUIを生成します。ブランドに合わせて商品名や告知テキストを変更可能です。 ### Full prompt ```text { "type": "e-commerce livestream UI mockup", "subject": { "description": "フォトリアリスティックな若いアジア人女性、汗ばんだツヤ肌、長いダークなウェーブヘア、白い半袖ポロシャツと白いプリーツテニススカートを着用、白いテニスラケットを右肩にかつぎ、カメラ目線、スタジオ照明、クリーンな白背景" }, "layout": { "top_header": { "host_info": { "name": "[小鹿运动优选]", "stats": "12.8万本场点赞", "button": "关注" }, "rank_tag": "带货榜第3名", "viewer_stats": "1.2万" }, "top_right": { "coupon": { "title": "直播间专属券", "value": "￥20 满199可用", "button": "领取" } }, "left_overlay": { "title": "[夏日运动季]", "subtitle": "[活力开场]", "bullet_points": { "count": 3, "items": ["透气速干", "弹力舒适", "运动百搭"] } }, "right_overlay": { "product_cards": { "count": 2, "card_1": { "status": "正在讲解", "image": "白いポロシャツとスカートの平置き物撮り", "title": "[运动POLO衫套装]", "details": "白色·M码", "price": "[￥129]", "button": "去抢购" }, "card_2": { "status": "热卖 x 156", "image": "配信者モデルのミニサムネイル", "title": "运动POLO衫套装女", "details": "透气速干 显瘦百搭", "price": "[￥129]", "button": "抢" } } }, "bottom_left": { "chat_messages": { "count": 5, "description": "スクロールするチャットメッセージとコメント" }, "purchase_alert": "用户_6789 等3人 正在去购买" }, "bottom_bar": { "input_field": "说点什么...", "icons": { "count": 5, "types": ["smile", "shopping cart", "heart", "gift", "more"] } } } } ``` ### Source - Author: onlyhuman028 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## 光沢感のある3D建設安全アイコンセット - URL: https://www.gptimagehub.com/ja/library/glossy-3d-construction-safety-icon-set - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19737 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fglossy-3d-construction-safety-icon-set - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: 3d - Tags: 3dアイコン, 工事現場, 安全装備, クレイレンダリング, アセットシート, uiアイコン, アイソメトリック - Updated: 2026-10-28T03:13:38.098Z - Created: 2026-10-28T03:13:38.098Z クレイ調で愛らしい30個の建設・安全機器アイコンシートを生成します。テーマ色やアイテム種類、レンダリング質感を自在に変更可能です。 ### Full prompt ```text { "type": "3D建設・安全装備アイコンセット", "format": "クリーンな白背景の孤立したアセットシート", "style": "[かわいい光沢のある3D粘土調レンダリング]アイコン、丸みを帯びたエッジ、柔らかいスタジオ照明、自然なアンビエントオクルージョン、おもちゃのようなプロポーション、高精細かつシンプルな形状、統一されたスケール、正面斜め向き", "color palette": "鮮やかな安全[イエロー]、[オレンジ]、ブラック、ホワイト、グレー、グリーン、レッドのアクセント", "layout": { "grid": "6行×5列", "total icon count": 30, "spacing": "ゆったりとした余白で均等配置、テキストラベルなし、枠線なし", "icons": [ {"position": "row 1 column 1", "description": "黄色の工事用ヘルメット、灰色のあご紐と緑の十字マーク付き"}, {"position": "row 1 column 2", "description": "黒と黄色の安全帯ハーネス、灰色のバックルと中央のリング"}, {"position": "row 1 column 3", "description": "白い反射テープ付きの黄色い高視認性安全ベスト"}, {"position": "row 1 column 4", "description": "黄色い安全靴一足、黒のつま先とソール、靴紐"}, {"position": "row 1 column 5", "description": "黄色い作業用保護手袋一双、指先は黒で手のひらに滑り止め"}, {"position": "row 2 column 1", "description": "青い透明安全ゴーグル、黒と黄色のサイドパーツ"}, {"position": "row 2 column 2", "description": "白い防塵マスク、緑色のゴムストラップとサイドフィルター"}, {"position": "row 2 column 3", "description": "黒と黄色の防音用イヤーマフ"}, {"position": "row 2 column 4", "description": "白い反射テープ2本が付いたオレンジ色のロードコーン"}, {"position": "row 2 column 5", "description": "黒と黄色のコーンバーで連結された2つの小さなロードコーン"}, {"position": "row 3 column 1", "description": "上部に黄色い回転灯が2つ付いた黒と黄色の可搬式道路バリケード"}, {"position": "row 3 column 2", "description": "灰色の脚が付いたオレンジ色のプラスチックメッシュフェンス"}, {"position": "row 3 column 3", "description": "黄色の接続キャップが付いた小さな金属製群衆誘導フェンス"}, {"position": "row 3 column 4", "description": "引き出された黒と黄色の警戒テープのロール"}, {"position": "row 3 column 5", "description": "カラビナ付きの巻かれた白いセーフティロープ"}, {"position": "row 4 column 1", "description": "脚付きの無地長方形黄色看板、中央に白いパネル"}, {"position": "row 4 column 2", "description": "黒い縁取りと感嘆符が付いた黄色い三角の注意標識"}, {"position": "row 4 column 3", "description": "赤い進入禁止シンボル、斜め線の入った円"}, {"position": "row 4 column 4", "description": "落石アイコンと黒い縁取りが付いた黄色い三角標識"}, {"position": "row 4 column 5", "description": "歩行者用横断注意のアイコンが付いた黄色い三角標識"}, {"position": "row 5 column 1", "description": "スリップ注意アイコンと黒い縁取りが付いた黄色い三角標識"}, {"position": "row 5 column 2", "description": "工事中アイコンと黒い縁取りが付いた黄色い三角標識"}, {"position": "row 5 column 3", "description": "稲妻アイコンと黒い縁取りが付いた黄色い感電注意標識"}, {"position": "row 5 column 4", "description": "炎に赤い斜線が入った火気厳禁標識"}, {"position": "row 5 column 5", "description": "黒いホースと圧力計が付いた赤い消火器"}, {"position": "row 6 column 1", "description": "緑の留め具と白い十字が付いた赤い救急箱"}, {"position": "row 6 column 2", "description": "緑の留め具と緑の十字が付いた白い救急箱"}, {"position": "row 6 column 3", "description": "走るピクトグラムと矢印が付いた緑の非常口標識"}, {"position": "row 6 column 4", "description": "黒いベースに乗った黄色い回転警告灯"}, {"position": "row 6 column 5", "description": "緑の画面と黄色いボタンが付いた黒いトランシーバー"} ], "canvas": "正方形構図、中央揃えのアセットシート、[クリーンな白の無地背景]", "rendering": "シャープなエッジ、各オブジェクト直下の柔らかい接地影、統一された質感、文字なし、ウォーターマークなし" }, "customization": { "theme": "[建設・安全装備]", "primary color": "[イエロー]", "secondary color": "[オレンジ]", "background": "[クリーンな白の無地背景]", "icon style": "[かわいい光沢のある3D粘土調レンダリング]" } } ``` --- ## アイソメトリック配車アプリUIイラスト - URL: https://www.gptimagehub.com/ja/library/isometric-taxi-booking-app-illustration - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19701 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fisometric-taxi-booking-app-illustration - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: アイソメトリック, 配車アプリ, uiイラスト, saasメイン画像, ベクターアート, タクシー - Updated: 2026-10-28T03:08:43.098Z - Created: 2026-10-28T03:08:43.098Z 浮かぶUIカードとミニタクシーが特徴的な、洗練された配車アプリのアイソメトリックイラスト。アクセントカラーやテキストを自由に変更可能です。 ### Full prompt ```text {"type": "ミニマルなアイソメトリックモバイルアプリイラスト", "subject": "白背景にミニマルな黒の線画とわずかなアクセントカラーで描かれたタクシー配車サービスのコンセプト", "style": {"perspective": "3/4アイソメトリック視点", "linework": "細く精密なグレーと黒のアウトライン、角丸、テクニカルベクターイラスト", "color_palette": "白とライトグレー主体、[エレクトリックブルーとバイオレット]のアクセント、コーラル色の小さなマップピンドット", "shading": "非常に柔らかく薄いグレーの影、控えめな台座の影、強いグラデーションなし", "background": "床付近にかすかなアイソメトリックグリッド線が入った白背景"}, "layout": {"count_discrete_elements": 7, "elements": [{"id": 1, "description": "背面に直立した大型スマートフォン、角丸の長方形ボディ、細い輪郭、スピーカー穴とサイドボタン、画面はほぼ空白の白"}, {"id": 2, "description": "スマートフォンの手前左上に浮かぶ角丸のマップカード。薄い街路グリッド、2箇所曲がる青いルート線、青い出発点、コーラル色の目的地ピンを表示"}, {"id": 3, "description": "マップカードの下に浮かぶ配車予約カード。テキスト'[Book a Cab]'、小さな黒いタクシーアイコン、距離表示'[3 min away]'、右側に紫色の円形矢印ボタン"}, {"id": 4, "description": "プラットフォーム中央に配置された白いタクシー車両モデル。黒い窓のコンパクトセダン、青いサイドストライプ、輪郭線のヘッドライトとグリル、屋根には'[TAXI]'と書かれた白いサイン"}, {"id": 5, "description": "タクシーを支える上部の角丸長方形ペデスタル台座、細いグレーの輪郭線を持つ白い表面"}, {"id": 6, "description": "台座の下にある一回り大きい下部角丸長方形ベース、薄い紫のアウトラインアクセント付きの白"}, {"id": 7, "description": "ベース周囲のフロアナビゲーション線：細い青いルート線、青とコーラルのノードを持つ点線の垂直ガイド線、右下の紫色のターゲットリング"}]}, "composition": "タクシーの背後中央にスマホを垂直に配置、手前にUIカードを重ねて浮かせ、中央下部の高くなった台座にタクシーを配置、オブジェクト周囲に十分な余白を確保", "rendering_instructions": "配車アプリ用の明瞭なSaaSランディングページ用ヒーローイラスト、バランスの取れたプロポーション、クリーンなベクタージオメトリ、カードやタクシーサインの英字UIテキストを忠実に再現、過度な写実性や雑多さを排除"} ``` --- ## レトロスキューモーフィズム機器アイコンセット - URL: https://www.gptimagehub.com/ja/library/retro-skeuomorphic-device-icon-set - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14138 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fretro-skeuomorphic-device-icon-set - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: retro - Tags: スキューモーフィズム, アイコン, レトロテック, ヴィンテージ, uiデザイン, デバイスアイコン - Updated: 2026-10-28T03:07:18.098Z - Created: 2026-10-28T03:07:18.098Z ラベル名が付いたリアルな質感のレトロ機器アイコンセットを生成します。括弧内のデバイスカテゴリを変更して別テーマを作成できます。 ### Full prompt ```text レトロなスキューモーフィズムスタイルの[ヴィンテージ電子機器]のアイコンセット。リアルな触感テクスチャ、金属やプラスチックの質感、柔らかなドロップシャドウを施し、すっきりとした背景の各アイコンの下に読みやすいアイコン名を記載。 ``` --- ## アニメモデル比較UIダッシュボード - URL: https://www.gptimagehub.com/ja/library/anime-model-comparison-ui-dashboard - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29331 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanime-model-comparison-ui-dashboard - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 21:9 - Style: graphic-design - Tags: ui-uxデザイン, アニメ風, ダッシュボード, 比較ボード, ダークモード, ファッション - Updated: 2026-10-28T03:07:08.098Z - Created: 2026-10-28T03:07:08.098Z プロンプトカード1枚とアニメファッションキャラクター3枚のバリエーションを並べたダークUI画面を生成。括弧内の髪色やスタイルを変更して調整できます。 ### Full prompt ```text ほぼ黒の背景に、かすかなドットグリッドと繊細な斜めのガイドラインが施された、ダークなワイドスクリーンのAI画像比較ダッシュボードUIのスクリーンショット。1枚のプロンプトカードと3枚の生成画像結果カードが横一列に並んでいます。 レイアウト：繊細なグレーの枠線と柔らかい光彩を帯びた、角丸の長方形パネルが左から右へ正確に4枚配置。カード1は細身のテキストプロンプトカード、カード2・3・4は大きめの縦型画像結果カード。カード間には小さな円形コネクタノードがあり、プロンプトカードの右上には小さな金貨風アイコンが配置されています。 カード1（プロンプト）：ヘッダーに「テキスト #9」と小さなアイコン。内部にはアニメポートレートを説明する小さな白い英語プロンプトがコンパクトに記載：「Medium close-up to three-quarter body portrait, slightly high camera angle, camera positioned just above eye level, mild perspective compression, fashion editorial framing, character occupying most of the frame, clean warm-white studio background... Contemporary Japanese anime illustration, thin line art, refined facial proportions, silver white hair, high crop black top, oversized jacket, muted/desaturated colors, soft shadows, vignette, premium poster presentation.」 カード2・3・4（結果）：それぞれ「画像生成ツール #33」「画像生成ツール #34」「画像生成ツール #35」のヘッダー付き。各カード下部に薄いグレーの日本語ステータステキスト「認証されたプロンプト、@を使って参照や追加のコンテキストを加えられます」を配置。 画像カード内の被写体：3枚とも[dark fantasy contemporary anime]スタイルで描かれた同一キャラクター：目を覆う重めの前髪と[silver-white]の超ロングヘア、色白の肌、引き締まったウエスト、黒のクロップドハイネックノースリーブ、ローライズの黒パンツ、ダークなベルト、肩の後ろに羽織ったオーバーサイズのルーズなグレージャケットを纏い、自信に満ちたファッション誌風のポーズをとるアニメ調の若い女性。パレットは彩度を抑えたモノトーン、黒、グレー、白、淡いベージュ。 - カード2：シャープで洗練された現代アニメ風ラインアート。 - カード3：陰影が深く絵画的なトーン。 - カード4：明るいペールトーン背景のクリーンでミニマルな表現。 スタイル：洗練されたダークUI/UXダッシュボードモックアップ、日本のソフトウェアUIデザイン、ハイコントラストなモノクロアニメファッション。カードは正確に4枚のみ、余計なウィンドウやロゴはなし。 ``` --- ## モバイルECアプリのトップ画面UI - URL: https://www.gptimagehub.com/ja/library/chinese-mobile-e-commerce-app-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-zl-gi-31 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchinese-mobile-e-commerce-app-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiデザイン, モバイルアプリ, ec, アプリ画面, インターフェース, スマホui - Updated: 2026-10-28T03:01:43.098Z - Created: 2026-10-28T03:01:43.098Z 中国系ショッピングアプリ風の高忠実度なホーム画面UIを生成します。テキストやカテゴリ、セール文言を変更して調整できます。 ### Full prompt ```text 現代の中国系ショッピングアプリに着想を得た、高忠実度なモバイルEコマースアプリのホームページUIスクリーンショット。本格的なUIロジック、正確なタイポグラフィ、洗練されたアプリアイコン、繊細なドロップシャドウを備えたリアルなスマートフォン画面。 レイアウト構造： - 上部ステータスバー：時刻「9:41」、5G電波ピクト、バッテリー残量アイコン - 検索バーエリア：左側に都市選択「[杭州]」、中央に角丸検索窓「[搜索耳机、咖啡机、运动鞋]」、右側にメッセージとQRスキャンアイコン - 横スクロールカテゴリタブ：「[推荐、数码、家电、服饰、美妆、食品、运动、家居]」 - プロモーションバナーカルーセル：「[618 预售开启]」および「[每满300减50]」の商業グラフィック - 2段10個の機能グリッド：「[超市、百亿补贴、秒杀、直播、充值中心、到家、领券、品牌馆、全球购、排行榜]」 - タイムセールモジュール：「[限时秒杀]」のタイトル、カウントダウンタイマー、セール価格付き商品カード3枚 - レコメンドウォーターフォール：「[猜你喜欢]」のタイトル、2列グリッドで商品写真・割引バッジ・価格表示を含むカード最低6枚 - 下部タブバー（5項目）：「[首页、分类、购物车、消息、我的]」 鮮明な画面キャプチャスタイル、整った余白設計、シャープな中国語フォント、洗練された商用アプリUI。 ``` ### Source - Title: ZeroLu · Awesome GPT Image - URL: https://github.com/ZeroLu/awesome-gpt-image - License: MIT --- ## 歴史上の皇帝によるSNS投稿UI - URL: https://www.gptimagehub.com/ja/library/historical-emperor-social-media-post-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-57 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fhistorical-emperor-social-media-post-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiモックアップ, ソーシャルメディア, ダークモード, twitter風, 歴史パロディ, 明朝, アプリアイコン - Updated: 2026-10-28T02:58:33.098Z - Created: 2026-10-28T02:58:33.098Z 明の初代皇帝・朱元璋が即位を報告するTwitter風ダークモードUIを生成。テキストや画像を変えて歴史上の人物の架空投稿を作成できます。 ### Full prompt ```text { "type": "モバイルSNSアプリUIモックアップ", "platform": "Twitter/X ダークモード", "header": { "status_bar": "時刻 19:28、鳥アイコン、電波アイコン、Wi-Fi、バッテリー残量", "navigation": "戻る矢印アイコン、『Tweet』ヘッダータイトル" }, "post": { "author": { "avatar": "赤い皇帝衣装と黒い帽子を身につけた明朝の中国皇帝の円形ポートレートアイコン", "display_name": "[Emperor Zhu Yuanzhang] 👑 [認証バッジ]", "handle": "[@Emperor_Ming]" }, "content": { "text": "[I have ascended to the Dragon Throne! Today, I am proclaimed as the Emperor of the Ming Dynasty. The era of Hongwu has begun. Let us rebuild our great nation together!]", "hashtags": "[#MingDynasty #HongwuEra #NewBeginning]", "media_grid": { "count": 3, "images": [ "絢爛豪華な黄金の龍の玉座に座る、赤と金の絹の衣装をまとった皇帝", "ひざまずく廷臣たちで埋め尽くされた壮大な中国宮殿の中庭の広角ショット", "深紅の龍旗を掲げた軍勢を率いて馬に乗る皇帝" ] } }, "metadata": { "timestamp": "[1:36 PM · Jan 23, 1368]", "engagement": "5,432件のリツイート、8,765件の引用、20.1K件のいいね、102.3K回の表示" }, "actions": "返信、リツイート、赤色のハートと『1』がついたいいね、共有、アップロード" }, "footer": { "reply_bar": { "avatar": "伝統的な赤い衣装を着た女性の円形アバター", "placeholder": "Emperor Zhu Yuanzhangに返信..." }, "navigation_bar": "ホームアイコン、検索アイコン、赤いバッジ『1』付き通知アイコン、ダイレクトメッセージアイコン" } } ``` ### Source - Author: liyue\_ai - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## AIブランドガイド生成ワークスペースUI - URL: https://www.gptimagehub.com/ja/library/ai-brand-guide-generator-workspace-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25230 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-brand-guide-generator-workspace-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: uiモックアップ, ブランドガイド, aiアシスタント, プロダクトデザイン, カッティングマット, エディトリアル, 管理画面 - Updated: 2026-10-28T02:58:13.098Z - Created: 2026-10-28T02:58:13.098Z カッティングマット上でAIが6枚のブランドガイドスライドを生成するチャットUI。ファイル名やブランド名を変更してカスタマイズ可能。 ### Full prompt ```text Markdownファイルからブランドガイドスライドを生成するAIチャットワークスペースの洗練されたUIモックアップスクリーンショット。背景は、上端と左端に目盛りの入ったダークグリーンのカッティングマット風グリッドで、薄いミント色のグリッド線、5から50までの測定番号、目盛り線が配置されている。中央には柔らかなドロップシャドウを伴う角丸の白いアプリアプリウィンドウが配置されている。 アプリウィンドウの詳細： - ヘッダーツールバー：左上に「[Create brand guide slides]」というタイトルと三点リーダーアイコン。右上には4つの小さなモノクロアイコン（ドロップダウン付き正方形、リスト/設定、長方形、画面分割アイコン）。ツールバー下に細い境界線。 - チャットエリア：右上付近に「[DACOIT-DESIGN.md]」と書かれた角丸の添付ファイルチップ、その下に「[Read this and generate a brand guide slides based on this]」と書かれたライトグレーのユーザーメッセージバブル。右端に控えめな垂直スクロールバー。 - AI応答エリア：中央左寄りに薄いテキストで「Worked for [5m 3s] ›」。境界線の下に応答文「Generated above using GPT image generation.」、それに続いて「It’s a single raster contact-sheet concept for six [Dacoit] brand-guide slides based on `[DACOIT-DESIGN.md]`: cover, brand signal, color system, typography, layout rules, and motion/footer. Tiny generated text can have minor artifacts, but the overall brand direction is captured.」という段落。 - 埋め込み画像サムネイル：段落の下に、角丸のプレビュー画像として3×2グリッドで並ぶ6枚のミニブランドガイドスライド。タン、バーントオレンジ、黒、クリーム、赤の色調を用いたざらつきのあるエディトリアルデザイン。各スライドの内容：1)「DACOIT DESIGN CO」の表紙スライド、2)「REBELLIOUS / EARTHY / DECLARATIVE」のブランドシグナル、3)「TAN」「RED」「INK」「BLACK」「SMOKE」のスウォッチ付きカラーシステム、4)「WORDS BECOME ARCHITECTURE」のタイポグラフィ、5)「DESIGN WITHOUT APOLOGY」のレイアウトルール、6) 暗い背景に「START A RIOT」と書かれたフッタースライド。 スタイル：鮮明な高解像度プロダクトUI、モダンでクリーンなサンセリフ書体、シャープな黒とグレーのテキスト、十分な余白、リアルなデスクトップUIウィンドウ。人物、手、ブラウザのアドレスバー、余計なウィンドウはなし。 ``` --- ## メンズスキンケア LPヒーローセクション - URL: https://www.gptimagehub.com/ja/library/dark-mode-men-skincare-hero-section - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14204 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-men-skincare-hero-section - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, ウェブデザイン, uiデザイン, スキンケア, ダークモード, モックアップ, ヒーローバナー - Updated: 2026-10-28T02:53:48.098Z - Created: 2026-10-28T02:53:48.098Z 高いCVを狙うダークモードのメンズスキンケアLPヒーローセクションを生成します。括弧内のブランド名やコピー、ボトルデザインを変更して活用できます。 ### Full prompt ```text { "type": "ウェブサイトランディングページのヒーローセクション", "theme": { "style": "洗練された、プロフェッショナル、モダン、ダークモード", "colors": "[濃紺と黒]" }, "layout": { "header": { "logo": "[NEX SKIN]", "navigation_links": 5, "cta_button": "今すぐ始める >" }, "hero_content_left": { "headline": "[清潔感は、毎日のスキンケアから。]", "subheadline": "男の肌は、もっとシンプルでいい。", "body_text": "スキンケアの利点に関する3行の説明文", "action_buttons": 2, "features": { "count": 3, "labels": ["テカリ対策", "保湿", "オールインワン"], "format": "タイトルと説明文付きのアイコン" } }, "hero_visuals_right": { "model": "[清潔感のある輝く肌を持つ若いアジア人男性]、顎に手を当て、黒いシャツを着用", "product": "[男性用オールインワン化粧水]、水滴がついたダークブルーの円柱型ボトル、暗い岩の台座に配置、逆光ライティング", "floating_element": "テキスト付きの丸型バッジ" }, "bottom_statistics_bar": { "count": 3, "metrics": ["累計販売本数 120万本突破", "使用感満足度 92.1%", "リピート率 85.3%"], "format": "アイコン、ラベル、大きな数値/パーセンテージ", "footnotes": "右下の小さな注記テキスト" } } } ``` --- ## エディトリアル調ピッチデック絵コンテ - URL: https://www.gptimagehub.com/ja/library/editorial-pitch-deck-storyboard-layout - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25540 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Feditorial-pitch-deck-storyboard-layout - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: 絵コンテ, ピッチデック, エディトリアルレイアウト, プレゼンテーション, テラコッタ, グリッドレイアウト - Updated: 2026-10-28T02:45:18.098Z - Created: 2026-10-28T02:45:18.098Z テラコッタとセージグリーンの上品な12コマのプレゼン用絵コンテを生成します。見出しや配色を変更してブランドに合わせて調整できます。 ### Full prompt ```text 12フレームの3x4グリッドで構成された4:3のピッチデック絵コンテ。クリーンなエディトリアルレイアウト、HeadspaceやBetterHelpのようなプレミアム広告キャンペーンの美学。温かみのあるテラコッタと柔らかなセージグリーンのカラーパレット。上部に中央揃えの太字の見出し：「[Brand Campaign Storyboard]」。 ``` --- ## 断崖ポートレートのARデータ解析HUD - URL: https://www.gptimagehub.com/ja/library/augmented-reality-cliffside-portrait-analysis-hud - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-25462 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Faugmented-reality-cliffside-portrait-analysis-hud - Category: UI / UX デザイン - Model: gpt-image-2-5-sunburst - Aspect ratio: 16:9 - Style: graphic-design - Tags: 拡張現実, hudインターフェース, ポートレート, sfオーバーレイ, サイバーui, ペニダ島 - Updated: 2026-10-28T02:43:28.098Z - Created: 2026-10-28T02:43:28.098Z 美しい旅ポートレートに近未来ARテレメトリとデータパネルを重ねた画像を生成します。被写体の服装や座標、環境データを変更して応用可能です。 ### Full prompt ```text { "image_description": { "overall_theme": "景勝地のアウトドアポートレートに重なるハイテク拡張現実（AR）HUD分析画面", "style": "フォトリアルな旅行写真に鮮明な半透明シアンの発光ホログラフィックHUDインターフェース", "subject": { "model": "[Woman_Model_A]", "pose": "横向きに座り、左を静かに見つめる優雅なポーズ", "attire": { "garment": "[ドレープワンショルダーのプリーツシルクグリーンドレス]", "color_hex": "[#1E6641]", "footwear": "[マルーン色のブーツ]", "accessory": { "type": "[ツートーンのレザー＆メタルハンドバッグ]", "details": "ゴールドバックルのアクセント" } } }, "environment": { "location": "[ペニダ島の断崖絶壁]", "terrain": "岩肌の土道", "details": { "trees": "[3本の背の高いシダの木]", "vegetation": "苔むした瑞々しい緑、鮮やかな赤い熱帯の花々", "boundary": "太いロープが張られた素朴な木製柵の杭", "background": "霧にかすむ遠方の海食崖と飛翔する海鳥", "signage": "『Kelingking』と刻まれた風化した木製標識" } }, "data_overlay": { "visual_style": "発光する半透明シアンの近未来UIグリッド、細密なトラッキングライン、バウンディングボックス", "panels": [ { "position": "Top-Left (Stacked Vertical)", "content": [ "ANALYSIS: SUBJECT_DETECT", "POSE: SEATED_PROFILE", "OUTFIT: DRAPED_ONE_SHOULDER", "COLOR: #1E6641_SILK_GREEN", "ACCESSORY_1: BAG_TWO-TONE", "MATERIAL: LEATHER/METAL", "HEEL: BOOTS_MAROON" ] }, { "position": "Top-Center", "content": "COORDINATES: -8.7495° S, 115.0934° E" }, { "position": "Center-Left", "linked_to": "Leftmost fern tree", "content": "FERN_TREE (count: 3)" }, { "position": "Center-Right", "linked_to": "Rightmost fern tree", "content": "FERN_TREE (count: 3)" }, { "position": "Top-Right", "linked_to": "Cliffs", "content": "CLIFF_DISTANCE (approx: 450m)" }, { "position": "Bottom-Right", "content": "{\n \"model\": {\n \"name\": \"Woman_Model_A\",\n \"pose\": \"Seated_left_looking_side\"\n },\n \"apparel\": {\n \"garment\": \"Pleated_Silk_Green_Dress\",\n \"style\": \"One-Shoulder_Draped\"\n },\n \"bag\": {\n \"type\": \"Two-Tone_Leather_Gold-Buckle\",\n \"brand\": \"Luxury_Accessory\"\n },\n \"location\": \"Nusa_Penida_Cliffside\",\n \"terrain\": \"Rocky_Path\"\n}" } ] } } } ``` --- ## AIルーターアプリのストア画像 - URL: https://www.gptimagehub.com/ja/library/ai-router-app-store-showcase - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16943 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-router-app-store-showcase - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: アプリストア, uiデザイン, 販促画像, 3dマスコット, モバイルアプリ, ブランディング - Updated: 2026-10-28T02:31:48.098Z - Created: 2026-10-28T02:31:48.098Z リアルなスマホモックアップ、3Dマスコット、UIカードを含むApp Store向け販促画像を生成します。見出しやアプリ名を自由に編集できます。 ### Full prompt ```text 暖かみのあるベージュとゴールデンオレンジのブランドパレットで描かれた、洗練されたApp Storeプロモーション用マーケティングスクリーンショット。縦向き、親しみやすいプレミアムテックスタートアップの美学。背景は柔らかなクリーム色で、下部にオレンジのグラデーションフロア。左上には優雅な黒のセリフ体見出しが3行で「[Powered by leading AI models]」と配置。その右隣に繊細なドロップシャドウ付きの白い星型バッジがあり、セリフ体で「[Best models]」と表記。見出しの下には等間隔で4つのAIプロバイダーがアイコン付きで縦並び：オレンジのサンバーストアイコンのClaude、マルチカラーの4点キラキラアイコンのGemini、黒い結び目ロゴのOpenAI、紫青グラデーションSアイコンのSeedance。その下には左揃えのセリフ体テキスト「Claude, Gemini, OpenAI, Seedance.」とオレンジのタグライン「[Empowered by Merl.]」。右側には少し左に傾いたリアルなスマートフォンモックアップ（シルバーフレーム、ダイナミックアイランド、柔らかい影）。画面にはクリーム色のアプリUIが表示され、上部ステータスバーに9:41、Wi-Fi、バッテリーアイコン。アプリ内には「HEY BESTIE.」の挨拶、太字セリフ体の質問タイトル「[What are we casting?]」、モデルルーティングのサブタイトル、右上に「+ 8 credits」バッジ。その下に「The model stack」の見出しと4枚のパステルカラー角丸カード：Claude（BEST FOR WRITING）、Gemini（BEST FOR IMAGES）、OpenAI（BEST FOR CREATION）、Seedance（BEST FOR VIDEO）。カード下にはオレンジ色のCTAボタン「Start Casting ✦」と「8 credits per session」。画面最下部には黒いナビゲーションバー（ホーム、マスコット顔と「[Merl]」ラベルの選択ピル、時計履歴、プロフィール）。スマートフォンの左下手前にはオレンジの床に座るかわいい3Dマスコット（小さな足、赤い頬、つぶらな瞳、笑顔の丸いクリーム色ブロブ、金の魔法使い帽子とマント着用）。 ``` --- ## マルチデバイス向けアニメ壁紙モックアップ - URL: https://www.gptimagehub.com/ja/library/multi-device-anime-wallpaper-showcase-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22945 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmulti-device-anime-wallpaper-showcase-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: デバイスモックアップ, 壁紙展示, アニメ壁紙, ガジェット, ロック画面, ミニマル - Updated: 2026-10-28T02:30:08.098Z - Created: 2026-10-28T02:30:08.098Z Appleスタイルの3台デバイスモックアップでアニメ風の水の呼吸壁紙を提示します。キャラクターや壁紙、画面の時刻を調整可能です。 ### Full prompt ```text アニメ調の水の呼吸シーン（[Tanjiro Kamado]）をフィーチャーした、Apple風の洗練されたマルチデバイス壁紙ショーケースモックアップ。柔らかなライトグレーの背景に控えめな影を落とした正方形構図。 レイアウト：角丸の白いディスプレイカード3枚を整然と配置。 - 上部：幅広の角丸カードの中央に、正面を向いて開いた薄型黒ベゼルと小型ノッチ付きの大型シルバーノートPC。 - 左下：角丸カードの中央に配置された横向きタブレット。 - 右下：角丸カードの中央に配置された縦向きスマートフォン。 壁紙アートワーク：3画面共通の[blue water vortex in a misty river valley]。緑と黒の市松模様の羽織を着た後ろ姿の小柄な剣士が、反射する浅瀬に足首まで浸かり、巨大な渦巻く波のトンネルに対峙している。幾重もの円形波、水しぶき、白く輝く渦の中心、霧が立ち込める岩場と松の崖、涼やかな青と白のトーン。絵画的で高コントラストなシネマティックスタイル。 画面UIの詳細：控えめなロック画面表示。全デバイスに大きな白い時刻「[9:38]」と上部の小さな日付「[Tuesday, May 20]」を表示。 - ノートPC：右上に小さなWi-Fiとバッテリーアイコン、下部に細いホームバー。 - タブレット：右側に「100」を示す円形バッテリー、「72°」の天気、カレンダーの計3つのウィジェット。 - スマホ：下部左に懐中電灯、右にカメラアイコン。 スタイル：ミニマルな高級テック製品モックアップ、柔らかなスタジオ照明。画面外のロゴや余計なテキストはなし。 ``` --- ## サイバーパンク風TCGジェネレーターUI - URL: https://www.gptimagehub.com/ja/library/cyberpunk-fantasy-trading-card-app-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-23350 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcyberpunk-fantasy-trading-card-app-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: トレーディングカード, モバイルui, サイバーパンク, tcgデザイン, アプリモックアップ, ファンタジーアート - Updated: 2026-10-28T02:24:13.098Z - Created: 2026-10-28T02:24:13.098Z カスタマイズされたファンタジーTCGカードとネオン操作ボタンを備えたサイバーパンク風モバイルアプリ画面を生成します。カード情報やイラストを変更可能です。 ### Full prompt ```text [CARDIFY]という名称のカスタムトレーディングカードジェネレーターの、ダークフューチャリスティックなモバイルWebアプリ画面。完成したファンタジーTCGカードが1枚表示されています。縦型のスマートフォン画面スクリーンショット、黒とチャコールの背景、細いネオンシアンの区切り線と角丸のボーダー。サイバーパンクなUIデザインと高精細なファンタジーカードアートの融合。 レイアウト： - トップナビゲーションバー（要素は3つのみ）：左側にスタイリッシュな[CARDIFY]ロゴ、右上に円形のネオンシアンのショッピングカートアイコン、右端にネオンシアンの3本線ハンバーガーメニューアイコン。 - 中央：細いシアンの角丸長方形パネル内にカードプレビューを1枚配置。カードの下には小さなグレーの等幅フォントで「Tap to flip card」と記載。 - 底部アクションバー（ボタンは3つのみ）：大きなシアンのアウトライン付き長方形ボタン「Finalize →」、レンチアイコンが付いた小さめの黄色い四角形ボタン、ダウンロードアイコンが付いた小さめの紫の四角形ボタン。 トレーディングカードデザイン： - 角丸のファンタジーコレクタブルカード、華麗な赤金の金属製フレーム、発光する真紅のハイライト、枠の周りを巻く紫のエレクトリックエネルギー。 - カード上部のタイトルバーには白い大きなセリフ体で[The Moosk]、右側に3つの円形マナ/タイプアイコン（ドクロ、赤いドラゴンの渦巻き、青い水滴）。 - 下部のタイプ行にはゴールドのセリフ体で[Legendary Creature — Human Rogue]、右側に小さな星型レアリティマーク。 - 下部のフレーバーテキストには白いイタリックのセリフ体で[He walks between worlds.]。 - 右下のパワー/タフネスバッジには太字の白数字で[5/4]。 カードアート： - 夕暮れの岩山に佇む後ろ姿の男性ローグを描いた緻密なアニメ・ファンタジーイラスト。黒い短髪、ダークアーマー、風になびくボロボロの黒いマント、切っ先を下に向けて握られた光る橙赤色の剣。遠くの地平線には沈みゆく太陽、赤と紫の雲、尖塔がそびえるファンタジー都市。紫の雷光と魔法のリボン、舞い散る赤い火花。 - 高コントラストでシネマティックなライティング、マゼンタ、バイオレット、クリムゾン、オレンジ、ゴールドの鮮やかな色彩。 制約事項：モバイルアプリのモックアップ画面であること。カードプレビューは1枚のみ、トップナビ要素は3つのみ、マナアイコンは3つのみ、下部ボタンは3つのみ。鮮明なタイポグラフィ、余計なパネルや透かしはなし。 ``` --- ## スタイル統一の数字アセットセット - URL: https://www.gptimagehub.com/ja/library/style-matched-number-asset-set - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-9659 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fstyle-matched-number-asset-set - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 数字アセット, スタイルマッチング, タイポグラフィ, 素材デザイン, グラフィックデザイン, アセットパック - Updated: 2026-10-28T02:22:03.098Z - Created: 2026-10-28T02:22:03.098Z 参照画像のデザインスタイルを忠実に踏襲して数字11と12を生成します。テーマや参照画像を変更して不足アセットを補完できます。 ### Full prompt ```text 参考画像に示されている0から10の数字の視覚スタイル、タイポグラフィ、質感、カラーパレット、照明と完全に一致するように、[12星座]をテーマにした数字「11」と「12」のグラフィックアセットを生成してください。既存のシリーズとシームレスに調和し、すっきりとした単色の背景に分離して配置してください。 ``` --- ## 3D半透明ガラスウォレットアイコン - URL: https://www.gptimagehub.com/ja/library/3d-translucent-glass-wallet-icon - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-sd-93 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2F3d-translucent-glass-wallet-icon - Category: UI / UX デザイン - Model: seedream-4-5 - Aspect ratio: 1:1 - Style: 3d - Tags: uiアイコン, 3dアイコン, グラスモーフィズム, ウォレット, 金融, 金貨, 3dレンダリング - Updated: 2026-10-28T02:19:33.098Z - Created: 2026-10-28T02:19:33.098Z 金貨が溢れ出る3Dグラスモーフィズム調のウォレットアイコンを生成します。角括弧内の通貨記号を変更すれば様々な金融アプリに適応可能です。 ### Full prompt ```text 金貨で満たされた半透明のガラス製ウォレットと、[RMB]の通貨記号が刻まれた金貨の山を描いたUIアイコン。柔らかなゴールドのグラデーション、すりガラスの質感、光を放つ半透明のハロー効果を持つ3Dレンダリングスタイル。繊細なコントラストのカラーフローを伴う清潔感ある明るい背景、余白の美しい開放的な構図。 ``` ### Source - Author: Jackie Chan - License: CC BY 4.0 --- ## ペット識別アプリ結果画面 - URL: https://www.gptimagehub.com/ja/library/pet-recognition-mobile-app-result-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26987 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpet-recognition-mobile-app-result-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ペットアプリ, ミニアプリ, モバイルui, ベクターイラスト, 猫プロフィール, アプリ画面 - Updated: 2026-10-28T02:09:38.098Z - Created: 2026-10-28T02:09:38.098Z 猫の写真からポップな中国ミニアプリ風のペット識別プロフィール画面を生成します。名前や一言、位置情報などを自由に変更可能です。 ### Full prompt ```text 参考写真をベースの猫およびアプリの文脈として使用し、カメラスキャン画面をモバイルミニアプリのペット識別結果プロフィール画面に変換します。iOSスタイルのトップバー（タイトル「[汪汪]」）を備えたスマートフォンのスクリーンショット比率。背景は明るい緑色のパターングラウンドで、中央に角丸の大きな白いカードが配置されています。 カード内の構成： - 上部：白いプレビューエリアに、参考写真の白黒の猫が尻尾を立てて座っているかわいいステッカー風カートゥーンイラストを配置。「点击看原图」と虫眼鏡アイコンが付いた小さなボタン。 - 下部のプロフィールセクション： 1. 犬の絵文字、「[汪汪]」、緑色の「幸运」バッジが並ぶ名前欄。 2. ひとことテキスト：「[尾巴有自己的想法]」。 3. 2つの小型情報ボックス：「体型 大只」と「亲近度 观望」。 4. グレーの行「遇见时间」に「[2026.06.27 08:46]」。 5. グレーの行「遇见地点」に「[30.516455620659723, 114.34392523871527]」。 6. 2つの角丸ピルタグ：「小狗」と「机灵的」。 7. 信頼度表示：「识别置信 52%」。 カード下のボトムアクション： - 画像アイコンと「生成分享海报」と書かれた大きな黄色い角丸ボタン。 - 共有アイコン付きの黒い角丸正方形ボタン。 スタイル：ポップで洗練された中国ミニアプリUI、太い黒の輪郭線、柔らかいドロップシャドウ、クリーンなベクターイラスト調。カメラスキャン枠、ズームUI、シャッターボタン、実写背景は除外。 ``` --- ## レザーノートのスプリットスクリーンLPデザイン - URL: https://www.gptimagehub.com/ja/library/leather-journal-split-screen-landing-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-4523 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fleather-journal-split-screen-landing-page - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, ランディングページ, レザーノート, ベントーグリッド, ecサイト, クワイエットラグジュアリー, 画面分割 - Updated: 2026-10-28T02:08:28.098Z - Created: 2026-10-28T02:08:28.098Z ライフスタイル写真とベントーグリッドの詳細カードを組み合わせたPC向けLPのUI。括弧内の被写体やテキスト、署名を変更して高級職人製品に応用可能です。 ### Full prompt ```text 手作りレザーノートを紹介する、居心地の良い魅力的なデスクトップ用ランディングページUIデザイン、アスペクト比16:9。 レイアウト: 左側にヒーロー画像、右側に詳細カードのベントーグリッドを配置したスプリットスクリーン構成。 ヒーローセクション（左）: - ビジュアル: [クリーム色のカシミヤセーターを着たユーラシア系の女性が、薄暗い書斎のアームチェアに座り、万年筆でレザーノートに文字を書いている] - テキスト: 「Handcrafted Leather Journals - Capture Your Thoughts in Style」の見出し - CTA: 「Discover the Collection」と書かれた洗練されたボタン ベントーグリッド（右）: - カード1（左上）: 革のシボ感を強調したノートカバーのマクロクローズアップ - カード2（右上）: 開いたページの上に置かれたエレガントな万年筆 - カード3（中央）: ノートの背表紙に施された丁寧な手縫いステッチの接写 - カード4（左下）: 繊細な手書き文字が並ぶ上質な紙の質感クローズアップ - カード5（右下）: レザーカバーに施されたパーソナライズ刻印の例 背景と照明: - 背景: 本が並ぶ温かみのある木製本棚、アンティークのデスクランプ、ヴィンテージの本革アームチェアが置かれた薄暗いクラシックな書斎 - ライティング: 単一光源によるレンブラントライティング、柔らかくドラマチックな陰影、ゴールデンアワーの温かい光 - カラートーン: 温かみのあるアーストーン、深いマホガニー、キャラメルブラウン、クリーム、控えめなゴールドのアクセント - スタイル: クワイエット・ラグジュアリー、クラフトマンシップ、洗練されたモダンなWebインターフェース - 右下隅に控えめに配置されたスタイリッシュな手書き署名「[Willy]」 ``` --- ## 和風Webバナー広告グリッド - URL: https://www.gptimagehub.com/ja/library/japanese-commercial-banner-ad-grid - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13994 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-commercial-banner-ad-grid - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: バナー広告, 和風デザイン, 広告レイアウト, webバナー, マーケティング, グリッド, タイポグラフィ - Updated: 2026-10-28T02:08:23.098Z - Created: 2026-10-28T02:08:23.098Z スキンケア、旅行、和食、投資アプリの4ジャンルを網羅した2x2の和風Web広告バナーを生成します。テキストやブランド名を変更して用途に合わせたテンプレートに調整可能です。 ### Full prompt ```text { "type": "日本のWebバナー広告の2x2グリッド", "quadrants": [ { "position": "左上", "theme": "スキンケア商品の発売告知", "visuals": "透明感のあるみずみずしい肌の若い日本人女性が頬に手を添えるポートレート、明るい白背景スタジオ、洗練されたシルバーと白の化粧品ボトル2本", "text_elements": { "main_copy": "[透明感、満ちる。]", "sub_copy": "肌が変わると、毎日が変わる。", "brand_name": "SUIREN", "badge": "6.1 NEW Debut" } }, { "position": "右上", "theme": "ヨーロッパ夏の旅行キャンペーン", "visuals": "麦わら帽子を被った女性の後ろ姿、山々と教会の尖塔が広がる絵画のようなヨーロッパ湖畔の街並みを望む、初夏のあたたかな日差し", "text_elements": { "english_copy": "Find your Journey", "main_copy": "[心が動く旅へ。]", "badge": "黄色い円形バッジ『今だけ！最大20%OFF』", "footer": "青い帯バナー『初夏のヨーロッパキャンペーン』" } }, { "position": "左下", "theme": "伝統的な和風だしのプロモーション", "visuals": "炊き立ての白米に鰹節と生卵の黄身をのせ、醤油を注ぎかけるシズル感ある接写、クラフト紙のだしパックパッケージ", "text_elements": { "main_copy": "[毎日のごはんを、もっと美味しく。]", "product_name": "日々のだし", "sub_copy": "素材のうまみを、まるごと。" } }, { "position": "右下", "theme": "資産運用・投資アプリ", "visuals": "上昇トレンドの青い折れ線グラフと残高『¥1,485,606』が表示されたスマートフォンのダッシュボード画面", "text_elements": { "brand_name": "[MoneyPath]", "main_copy": "未来の自分のために、[今はじめる資産形成]", "badge": "青いバッジ『1,000円分のポイントプレゼント！』", "footer": "4つのアイコンと機能テキストが並ぶ青いフッター帯" } } ] } ```