# プロンプトテンプレートライブラリ: ui-ux-design URL: https://www.gptimagehub.com/ja/library/category/ui-ux-design?page=7 Returned prompts: 60 ## ポップスターとの舞台裏モザイク風セルフィー - URL: https://www.gptimagehub.com/ja/library/backstage-pop-star-censored-selfie - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20354 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbackstage-pop-star-censored-selfie - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: photorealistic - Tags: セルフィー, 舞台裏, ポップスター, コンサート, uiオーバーレイ, スナップ, プロンプトバー - Updated: 2026-10-27T03:59:23.098Z - Created: 2026-10-27T03:59:23.098Z 顔を隠した2人のポップスターとの舞台裏セルフィーに、AI入力バーを重ねた画像を生成します。テキストや人物設定を変更可能です。 ### Full prompt ```text コンサートの舞台裏で腕を伸ばして撮影した、リアルな横長スマートフォンのセルフィー写真。寄り添う3人だけを配置：中央は黒いフーディーを着てカメラに向かって片腕を伸ばしたセルフィー撮影者、左側はきらめくシルバーのフリンジドレスを着て身を寄せる華やかなブロンドの女性ポップスター、右側は短いブリーチヘアにピアス、首や腕のタトゥー、白いリブタンクトップを着た筋肉質の男性ポップスター。3人それぞれの顔をシンプルな不透明の肌色の長方形センサーブロックで覆う（合計3つ）。背景は金属製足場、ステージの吊り金具、クルーのぼやけたシルエット、赤・オレンジ・ピンク・紫の温かみのあるコンサート照明が生むボケやレンズフレアが漂う暗い舞台裏。広角スマホフラッシュ撮影、セレブの舞台裏の自然なスナップ感、浅い被写界深度、端のわずかなモーションブラー。画面下部には柔らかなシャドウが付いた角丸の白いチャットプロンプト入力バーを重ね、内部にはダークグレーのサンセリフ体で「[selfie of me with two pop stars backstage, phone camera, warm concert lights]」というテキスト、細い青いカーソル、右端に青い紙飛行機型の送信アイコンを配置。入力バーが下半身を覆うタイトな構図で、余分なロゴや文字、人物は含まない。 ``` --- ## ChatGPTダークモード 背景透過画像UI - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-transparent-image-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32288 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-transparent-image-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: chatgpt, uiスクリーンショット, ダークモード, 背景透過, 日本語ui, ピザ, 画面デザイン - Updated: 2026-10-27T03:55:53.098Z - Created: 2026-10-27T03:55:53.098Z 透過チェッカーボード上に切り抜き画像プレビューを表示するChatGPTダークモードのリアルなUI画面を生成します。プロンプト文や生成対象を自由に変更可能です。 ### Full prompt ```text 純黒の背景を持つモダンなChatGPTダークモードのチャット画面のリアルなスクリーンショット。 レイアウトとコンテンツ： - 右上：丸みを帯びた青いユーザーメッセージの吹き出し。テキストは1行目に「[床に叩きつけられた1カットのピザの写真、ピザソースが飛び散っている、背景透過]」、2行目に「🖼️ 画像を作成する」と記載。 - 中央左：ダークグレーの透過チェッカーボードパターンの上に切り抜かれた[床に叩きつけられてソースが飛び散る1カットのペパロニピザ]を表示する正方形の生成画像プレビュー。ピザは斜め上を向き、フォトリアリスティックで艶やか、床や皿はなく、飛び散る赤いトマトソースの飛沫やチーズの糸、トッピングが周囲に浮遊している。 - プレビュー内操作UI：プレビュー左下に「編集」と書かれた小さな角丸ボタン、右下に小さな円形の共有・ダウンロードアイコン。プレビューの直下にはコピー、高評価、低評価、三点リーダー（…）の4つの控えめなアイコンを配置。 - 下部UI：「ChatGPT に質問」というプレースホルダーテキストが入った角丸のダーク入力バー。左側にプラス（+）アイコン、右側にマイクと音声アイコン、および「高い」のタグを配置。バー付近の中央に「ChatGPT の回答は必ずしも正しいとは限りません。重要な情報は確認するようにしてください。」という薄い免責事項テキストを配置。 スタイル：鮮明でシャープなデジタルUIデザイン、高コントラストなダークテーマ、正確なタイポグラフィとアイコン、ブラウザ枠や透かしのないクリーンな仕上がり。 ``` --- ## ミニマルな工業デザインの基調講演スライド - URL: https://www.gptimagehub.com/ja/library/minimalist-industrial-tech-keynote-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14869 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-industrial-tech-keynote-slide - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンテーション, キーノート, ミニマル, タイポグラフィ, ダークモード, テック美学, スライド - Updated: 2026-10-27T03:55:38.098Z - Created: 2026-10-27T03:55:38.098Z 浮遊する黒ガラス板と洗練されたタイポグラフィによるApple風のキーノート表紙を作成。見出しや原則を自由に変更可能です。 ### Full prompt ```text Apple風のインダストリアルデザイン美学を取り入れた、プレミアムでミニマルな基調講演プレゼンテーションの表紙スライド、16:9ワイド構図。上部のマットブラックの背景と、下部4分の1を占める淡いコンクリートグレーのプラットフォームが対比を成す。中央右側の前景には、薄い黒ガラス端末または光沢のある黒曜石スラブのようなフォトリアルな浮遊する長方形プレートが浮かび、鏡面のような反射、面取りされたクロム金属のエッジ、下部に落ちる柔らかな影を持つ。右端には背の高い垂直なグレー金属の柱が配置され構図を引き締める。 左側には、スイス・グリッドに基づいた整然とした白いサンセリフタイポグラフィ： - 最上部に「[Apple-inspired presentation system]」と書かれた極小のキャプション - 極めて大きく太い見出し「[Clarity At Scale]」 - 中サイズのサブタイトル「[The strongest slides behave like products.]」 - その下に細い水平仕切り線と、3つの原則の縦並びリスト：「01 | [One focal object]」、「02 | Binary light / dark rhythm」、「03 | Blue only for signal」。リスト下部に小さなエレクトリックブルーのアクセントライン - 上部付近に細い水平ガイドラインが走り、右上に小さく「01」の番号 - 左下のグレーの台座上に、控えめな小さな文字で「[Apple-inspired presentation system]」を再配置 シネマティックなスタジオ照明、広大なネガティブスペース、単一の青のアクセントのみを持つ抑制されたモノトーン配色、フォトリアルな3Dレンダリングと洗練されたプレゼンレイアウトの融合。 ``` --- ## 子どもおうち英語 LPファーストビュー - URL: https://www.gptimagehub.com/ja/library/japanese-kids-english-landing-page-hero - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-23681 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-kids-english-landing-page-hero - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ランディングページ, webバナー, 和風デザイン, 子ども英語, モバイルui, 広告デザイン - Updated: 2026-10-27T03:53:38.098Z - Created: 2026-10-27T03:53:38.098Z 幼児向け自宅英語講座のパステル調LPファーストビュー画像を生成します。キャッチコピーやブランド名、CTAボタンを自由に変更して応用可能です。 ### Full prompt ```text 9:16比率の縦型スマートフォン向け日本語ランディングページ（LP）ファーストビュー（FV）ヒーロー画像デザイン。柔らかなクリームホワイトの背景に、ピンク、ブラウン、温かみのあるイエロー、ミントグリーン、スカイブルーのパステルカラーパレットを使用した、清潔感とコンバージョンを意識した日本のWeb広告レイアウト。 メインビジュアル（右側）： シンプルなクリーム色のブラウスを着た日本人母親と、黄色のストライプトップスを着た幼い子どもが木製テーブルで一緒に英語フラッシュカードを学んでいるライフスタイル写真。2人の顔は肌色の柔らかい長方形モザイクで目隠しされ、髪型、服装、手元、動作ははっきりと見えている。テーブルの上にはちょうど4枚の英語フラッシュカード（子どもが持つ「apple」カード、「cat」カード、「dog」カード、「ball」カード）が並ぶ。テーブル右端のタブレットには可愛いステッカーと「[Let’s enjoy English!]」の文字。背景は柔らかな自然光が差し込むカーテン、観葉植物、木製シェルフ、右上に飾られたパステルの三角ガーランドフラッグ。 ヘッダー＆テキスト（左側〜上部）： - 左上ロゴ：小さな家アイコンとブランド名「[おうち英語きっず]」（「おうち」はピンク、「英語」はダークブラウン、「きっず」はスカイブルー）。 - 左上の点線ピンク吹き出し：「忙しいママでも続けやすい」と小さなハートマーク。 - メインキャッチコピー：「[1日10分、おうちで英語が好きになる。]」（「10」「英語」「好き」を鮮やかなピンク、他をダークブラウン、下に黄色い手描き風ブラシアンダーライン）。 - サブコピー：「[30代ワーキングマザーのための 子どもおうち英語講座]」。 - 本文：「英語が苦手でも大丈夫。 動画・ワーク・声かけ例つきで、 親子で楽しく続けられます。」 ベネフィットカード（中段下）： 角丸パステルカード3枚が横一列に並ぶ： 1) ピンクの時計アイコン：「1回10分」 2) グリーンのハートアイコン：「ママの英語力不要」 3) ブルーの家アイコン：「自宅でOK」 CTA（下部）： - 大きな角丸ビビッドピンクのCTAボタン、白文字で「[無料体験レッスンを見る]」、右側に白い丸矢印アイコン。 - ボタン下：小さなスマートフォンアイコンと「スマホでOK・今すぐチェック」のテキスト、ピンクのアクセントマーク。 あしらい：下端の柔らかい雲型スカラップ、右下の可愛い笑顔の雲アイコン、手描き風の星やドット、ハート。清潔感と信頼感のある、明るく親しみやすい親子向けデザイン。 ``` --- ## モバイルゲームUIモックアップグリッド - URL: https://www.gptimagehub.com/ja/library/mobile-game-ui-mockup-grid - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-111 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-game-ui-mockup-grid - Category: UI / UX デザイン - Model: gpt-image-2-5-sunburst - Aspect ratio: 3:2 - Style: graphic-design - Tags: uiデザイン, モバイルゲーム, アプリモックアップ, タワーディフェンス, ゲーム画面, uxデザイン - Updated: 2026-10-27T03:49:23.098Z - Created: 2026-10-27T03:49:23.098Z アプリのゲーム状態やUIフローを横向きスマホの3×2グリッドで生成します。括弧内のアプリタイプを変えて好みのゲームUIを作成できます。 ### Full prompt ```text 横向きのiPhoneが3×2のグリッド状に並んだ、[タワーディフェンス系モバイルアプリ]のUIデザインモックアップ。各iPhoneの画面には開発者引き継ぎ用の異なるゲーム状態やUI画面が表示され、クリーンなインターフェース要素、ゲームプレイHUD、メニュー、画面内の操作が表示されている。 ``` --- ## 怪獣生成のAIチャットインターフェース - URL: https://www.gptimagehub.com/ja/library/ai-chat-interface-with-kaiju-generation - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-34070 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-chat-interface-with-kaiju-generation - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 5:4 - Style: graphic-design - Tags: aiチャット, uiモックアップ, 怪獣ステッカー, 画面設計, スクリーンショット, カートゥーン - Updated: 2026-10-27T03:47:28.098Z - Created: 2026-10-27T03:47:28.098Z 日本語プロンプトの吹き出しと可愛い怪獣カードを含むリアルなAIチャットUI画面を生成。吹き出しのテキストや怪獣の色を自由に変更できます。 ### Full prompt ```text モダンなAIチャットアプリのクリーンなスクリーンショット風インターフェース画面。明るいグレーホワイトの背景を持つ横長キャンバスで、右側に十分な余白を配置。 右上：ダークネイビーのゴシック体で「[真正面直立にしてください。]」と書かれた、縦中央揃えの淡いブルーの角丸メッセージバブルが1つ。 中央左：柔らかなドロップシャドウが付いた大きな角丸の白い画像カード。カード内にはAI生成されたステッカー風の可愛い怪獣・爬虫類モンスターが、真正面を向いた直立ポーズで描かれている。ずんぐりした体型、大きな丸い頭、釣り上がった怒り目、太い黒の輪郭線、[muddy brown]（濁った茶色）のまだら肌、[warm yellow]（温かみのある黄色）のお腹、黒い爪の短い腕、太い足、左に伸びる丸まった尻尾を持つ。ギザギザの口から[red]（赤色）の二股に分かれた舌を出し、頭や全身に暗い斑点模様があり、マーカーや水彩の手描き風テクスチャで塗られている。 カード上のオーバーレイ：画像カード下部の薄いグレーのグラデーション上に、半透明の丸いコントロールが2つ。左下に白文字で「編集」と書かれたグレーの丸ボタン、右下に白い共有/アップロード矢印アイコンが入ったグレーの丸ボタン。 下部ツールバー：カードの真下に左揃えで配置された5つのシンプルなグレー線画アイコン（コピー、高評価サムズアップ、低評価サムズダウン、共有、3点リーダー）。 スタイル：すっきりとしたデジタルプロダクトのUIモックアップ、現代的なアプリ画面、鮮明なベクターUI要素、余計なウォーターマークなし。 ``` --- ## フラットなスタートアップ風ベクターイラスト - URL: https://www.gptimagehub.com/ja/library/flat-startup-vector-illustration - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-12631 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fflat-startup-vector-illustration - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 1:1 - Style: illustration - Tags: フラットイラスト, ベクターアート, スタートアップ風, ミニマル, uiデザイン, テックグラフィック - Updated: 2026-10-27T03:45:48.098Z - Created: 2026-10-27T03:45:48.098Z 最新のアプリやランディングページに最適なフラットベクターイラストを生成します。角括弧内の主題を変えるだけで様々なシーンに対応できます。 ### Full prompt ```text [ノートパソコンで作業する人物]のフラットイラスト、スタートアップ風のベクターアート、鮮やかな色彩、シンプルな形状、クリーンでプロフェッショナルなデザイン、白背景、テキストなし。 ``` --- ## ニューモーフィズム モバイルダッシュボード UI モックアップ - URL: https://www.gptimagehub.com/ja/library/neumorphic-mobile-dashboard-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15996 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fneumorphic-mobile-dashboard-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ニューモーフィズム, uiデザイン, モバイルアプリ, ダッシュボード, モックアップ, 3dレンダリング - Updated: 2026-10-27T03:41:18.098Z - Created: 2026-10-27T03:41:18.098Z 立体感あるウィジェットやダイヤル、柔らかな陰影を備えたスマホ用ダッシュボードを生成。括弧内の配色や文字を変更してアレンジ可能です。 ### Full prompt ```text {"type":"ニューモーフィズム モバイルダッシュボード UI ショーケース","style":{"theme":"クリーンでソフトなニューモーフィズム","background":"[薄いウォームグレー]","primary_color":"[ディープティール]","accent_color":"[オレンジ]","material":"繊細な内側・外側のシャドウ、角丸、柔らかいハイライトを持つマットホワイトプラスチックカード","rendering":"洗練された3D UIモックアップ、正面構図、中央配置"},"device":{"kind":"スマートフォン画面モックアップ","frame":"薄いホワイトの丸みを帯びたベゼル","status_bar":["左上のハンバーガーメニューボタン","中央上部のスピーカー受話口","フロントカメラ穴","右上のWi-Fi・アンテナアイコン","バッテリー100%表示"]},"layout":{"sections":[{"title":"時計カード","position":"左上","labels":["AM","[10:24]","[Friday, May 24]","ページインジケータードット"]},{"title":"天気カード","position":"右上","labels":["晴れ時々曇りの3Dアイコン","[24°]","[Partly Cloudy]","[New York]"]},{"title":"ショートカットボタングループ","position":"中央上寄り左","labels":["アプリ一覧グリッド","お気に入りハート","通知ベル","設定ギア"]},{"title":"湿度スライダー","position":"中央上寄り右","labels":["水滴アイコン","[40%]","水平プログレスバー"]},{"title":"音量ダイヤルモジュール","position":"中央左","labels":["目盛り付き大型円形ノブ","オレンジのインジケーター刻み","スピーカーアイコン","VOLUMEピルバッジ"]},{"title":"音楽プレーヤーカード","position":"中央右","labels":["アルバムアートワーク","[Ocean Drive]","[Miami Nights]","メニューボタン","1:45 / 3:48","オレンジのシークバー","再生コントロール"]},{"title":"オーディオコントロール列","position":"音楽プレーヤー下","labels":["イコライザー波形ボタン","ポッドキャストボタン","スライダー設定ボタン"]},{"title":"コンパスカード","position":"左下","labels":["ロックボタン","[320° NW]","位置情報ボタン","東西南北コンパスダイアル","ティールとオレンジの針"]},{"title":"イコライザーカード","position":"右下","labels":["+12","0","-12","60","250","1K","4K","16K"]},{"title":"ボトムドック","position":"下部","labels":["オレンジの電源ボタン","Bluetoothボタン","波形カプセル","月と太陽のモード切替ボタン"]}],"centerpiece":"ダッシュボード上にバランスよく配置された立体的なニューモーフィズムウィジェット"},"composition":{"spacing":"均等な余白と十分なパディング","perspective":"正面アングル","shadow_behavior":"触知可能な立体エンボス感を与える柔らかい環境影","iconography":"ティールとオレンジをアクセントにしたミニマルなラインアイコン"}} ``` --- ## 注記付きマンガアプリ画面スクリーンショット - URL: https://www.gptimagehub.com/ja/library/annotated-mobile-manga-app-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20697 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fannotated-mobile-manga-app-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: anime - Tags: マンガ, アニメ, uiデザイン, スクリーンショット, スマホアプリ, 少女漫画, コマ割り - Updated: 2026-10-27T03:40:38.098Z - Created: 2026-10-27T03:40:38.098Z 操作ガイド用の矢印注記が入った、スマホマンガアプリのプレビュー画面を生成します。ヘッダーのタイトルやセリフ、コマの物語は自由に調整可能です。 ### Full prompt ```text モバイルアプリ内のマンガプレビュー画面を表示した、縦長9:16のスマートフォンUIスクリーンショット。上部のメニューアイコンを指し示す手描き風のUIアノテーション付き。 上部アプリナビゲーションバー：白のヘッダーバーに4つの要素を配置。左端に黒の戻るシェブロン、中央に「[みんな来てね(GPT ver) (1...]」という日本語タイトル、右上に黒のリスト/メニューアイコン、右端に黒の共有アイコン。リストアイコンの周りには鮮やかなマゼンタ色の円が描かれ、下のマンガ領域からその円に向かって特大のショッキングピンクの矢印が斜め上を指している。 マンガレイアウトとアートスタイル：太い黒枠で斜めに区切られた正確に3コマのフルカラー恋愛ファンタジー少女漫画風アニメイラスト。柔らかい照明、キラキラした光粒子、ピンクのハートモチーフ。 ・第1コマ（上部ワイドコマ）：AIキャラクターフェスティバルの賑やかな近未来ブース。「SynClub」および「SynClub in AIキャラクターフェスティバル」の看板。手前には背面姿の金髪ツインテール（毛先ピンク）の少女（背中に「A.C.F」ロゴ入り白シャツ着用、スマホを持つ姿）と、隣に立つ銀髪長髪で尖った耳、青いクリスタルが輝く銀の甲冑を纏ったエルフの男性。エルフの横に「あの…」から始まる吹き出しが1つ。特大ピンクの矢印がこのコマの右上に一部重なる。 ・第2コマ（中央斜めコマ）：パステル背景のクローズアップ。頭に青紫のハート型サングラスを乗せた少女と、胸の青いクリスタルに手を添える銀衣装のエルフ。吹き出しが2つ（エルフ：「実はボク…迷子になっちゃって 一緒について行ってもいいですか?」、小さなピンクの縦書き効果音：「うわ…♥」）。両キャラクターの顔の上にベージュの長方形モザイク/規制バーが正確に2つ配置。 ・第3コマ（下部コマ）：ピンクの集中線と浮遊するハート。少女が鑑賞者に向かって手を伸ばし、白ブラウス、ネイビーのネクタイ、青いスカート、テディベア付きA.C.Fバッジを着用。銀髪のエルフが彼女を見つめる。吹き出しが2つ（少女：「いいよ! 私、心愛姫(ここあ)! よろしくね! あなたは?」、エルフ：「…し…シンクラ」）。少女の顔にベージュの長方形規制バーが1つ。画面下部中央付近に左右の白いシェブロンが入った濃いグレーの円形カルーセルボタンが2つ。 構図と品質：鮮明なスマホUIオーバーレイ、高解像度アニメイラスト、鮮やかなピンクの注記グラフィック、正確な日本語タイポグラフィ、余計な透かしなし。 ``` --- ## ダークモードAIビューアの講座サイトモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-ai-viewer-course-website-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17194 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-ai-viewer-course-website-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ウェブデザイン, ダークモード, アプリアイコン, ランディングページ, 日本語タイポグラフィ, スクショ - Updated: 2026-10-27T03:36:13.098Z - Created: 2026-10-27T03:36:13.098Z 高級感ある日本語講座サイトのモックアップを表示する、ダークモードAIビューアのUIを生成します。角括弧内の文字やテーマを変更してカスタマイズ可能です。 ### Full prompt ```text 生成されたウェブサイトデザインのモックアップを表示する、クリエイティブAI画像ビューアインターフェースのリアルなダークモードデスクトップスクリーンショット。キャンバスは洗練されたチャコールグレーで、ミニマルでモダンなアプリUI。 • 左上: 控えめなシェブロンアイコンの横に、小さな白いサンセリフ体で「[Thought for 2m 6s]」と表示されたヘッダーテキスト。 • 中央プレビュー: 日本のオンライン講座向けの上品な黒基調のエディトリアルランディングページを表示する、角丸の大きなプレビュー枠。サイトのヒーローセクションには、洗練されたタイポグラフィで英語の「[ONLINE COURSES]」ラベルと、大きな日本語見出し「[デザインとキャリアを、次のステージへ]」、その下に控えめなサブコピーを配置。ヒーローの下には3列2行のグリッドで構成された正確に6枚の講座カード。各カードはダークでシネマティック、細い境界線、ゴールドグレーのアクセント、雰囲気のある写真、カテゴリータグ、短い説明、小さな円形の講師ポートレート、「[詳しく見る →]」リンクを配置: - カード1: UIデザイン画像とタイトル「[本質的なUIデザインの思考とプロセス]」 - カード2: Figma画面とタイトル「[Figmaマスター講座 実践編]」 - カード3: 文房具と紙の写真にタイトル「[伝わる構造をつくる 情報設計の技術]」 - カード4: Web制作ツール風のビジュアルとタイトル「[STUDIOでつくる ノーコードWebデザイン]」 - カード5: ブランディング本とタイトル「[ブランドの価値をつくる 設計と表現]」 - カード6: ポートフォリオ冊子とタイトル「[魅せ方で差がつく ポートフォリオ講座]」 • プレビュー内オーバーレイ: プレビュー枠内の左下に小さな白い「[編集]」ボタン、右下に繊細な白のシェア／エクスポートアイコン。 • 右サイドバー: 垂直に並んだ角丸正方形のバリエーションサムネイルが正確に4つ。上の3つはライトテーマのデザイン、4つ目はダークな講座グリッドと一致し青く発光する選択枠線付き。 • 左下: コピーアイコンと水平3点リーダーメニューアイコンの鮮明な白いUIアイコン。 鮮明なスクショの質感、精密なUIマージン、繊細なドロップシャドウ、高級感あふれる洗練された日本のエディトリアルデザイン。 ``` --- ## ブルータリズム白黒システム設計スライド - URL: https://www.gptimagehub.com/ja/library/brutalist-monochrome-system-architecture-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14872 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbrutalist-monochrome-system-architecture-slide - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンテーション, ワイヤーフレーム, ブルータリズム, アーキテクチャ, インフォグラフィック, UI - Updated: 2026-10-27T03:34:13.098Z - Created: 2026-10-27T03:34:13.098Z モジュールグリッドと技術タイポグラフィで構成されたモノクロ発表スライドを生成。括弧内の文字や要素を編集して使用可能。 ### Full prompt ```text {"type":"minimal monochrome presentation slide","style":"ハイコントラストなブルータリズム技術デザイン、かすかなネイビー色を帯びた黒背景、極細の白ワイヤーフレーム境界線、装飾ゼロ、厳格なグリッド、等幅フォント主体のタイポグラフィ、未来的なインダストリアルUIの美学","canvas":{"aspect_ratio":"16:9","background":"かすかなブルーのニュアンスとわずかなビネットを帯びた漆黒"},"headline":{"text":"[SHIP THE SYSTEM]","position":"upper left","style":"白の極大コンデンスド幾何学テクノサンセリフ、すべて大文字、広めのトラッキング、圧倒的なメインタイトル"},"subheadline":{"text":"[BRUTAL CLARITY FOR TECHNICAL IDEAS]","position":"below headline","style":"中サイズの白等幅フォントまたはモノスペース調サンセリフ、すべて大文字"},"top_bar":{"count":3,"items":[{"text":"xAI-INSPIRED PRESENTATION SYSTEM","position":"top left"},{"text":"SINGLE SLIDE","position":"top right"},{"text":"16:9","position":"far top right"}]},"layout":{"outer_frame":true,"sections":[{"title":"left principles list","position":"left column","count":4,"labels":["[01] WHITE ON DARK","[02] 8PX GRID","[03] ZERO DECORATION","[04] MONO FIRST"]},{"title":"SYSTEM ARCHITECTURE","position":"center large panel","count":5,"labels":["DATA INTAKE","MODEL LAYER","MEMORY","DELIVERY","OBSERVABILITY & EVALUATION"]},{"title":"DESIGN PRINCIPLES","position":"right sidebar panel","count":5,"labels":["[1] REDUCE SURFACE AREA","[2] MAXIMIZE SIGNAL","[3] COMPOSE IN MODULES","[4] MEASURE EVERYTHING","[5] SHIP ITERATIVELY"]},{"title":"bottom system strip","position":"bottom full width","count":3,"labels":["GRID SYSTEM","COLOR SYSTEM","TYPE SYSTEM"]}]},"center_panel":{"bordered":true,"title":"SYSTEM ARCHITECTURE","flow":{"count":4,"boxes":[{"title":"DATA INTAKE","index":"[01]","lines":["STREAMS","BATCH","API"]},{"title":"MODEL LAYER","index":"[02]","lines":["TRAIN","EVAL","INFER"]},{"title":"MEMORY","index":"[03]","lines":["VECTOR STORE","KV CACHE","ARTIFACTS"]},{"title":"DELIVERY","index":"[04]","lines":["API","PRODUCTS","AUTOMATION"]}],"connectors":"上部4つのボックス間に3つの右向き矢印"},"bottom_module":{"title":"OBSERVABILITY & EVALUATION","index":"[05]","lines":["LOGGING / TRACING / METRICS / FEEDBACK"],"connectors":"4つのボックスの下に延びる破線のフィードバックラインと、各上部ボックスへ戻る4本の上向き点線矢印"}},"bottom_strip":{"left_block":{"title":"GRID SYSTEM","subtitle":"8PX BASE UNIT","visual":"行ごとに並んだ小さな白いプラス記号の高密度マトリックス"},"middle_block":{"title":"COLOR SYSTEM","swatch_count":5,"swatches":["#FFFFFF","70%","50%","20%","10%"],"visual":"白から非常に濃いグレーまでの5つのグレースケール正方形スウォッチ"},"right_block":{"title":"TYPE SYSTEM","text":"[GEIST MONO / GEIST SANS]"}},"composition":"すっきりとしたゆとりのあるスペーシング、全要素が8pxグリッドに整列、基本は左揃えテキスト、極細の区切り線、写真なし、背景のわずかな奥行き以外のグラデーションなし、技術系ピッチデッキの表紙スライド風","rendering":"鮮明なベクタープレゼンテーションモックアップ、非常にシャープなタイポグラフィ、洗練されたデザインシステムボード"} ``` --- ## メディカルスキンケアLPモックアップ - URL: https://www.gptimagehub.com/ja/library/clinical-skincare-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14208 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fclinical-skincare-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, スキンケア, webデザイン, uiモックアップ, コスメ, メディカル - Updated: 2026-10-27T03:33:18.098Z - Created: 2026-10-27T03:33:18.098Z 皮膚科監修系スキンケアブランドのファーストビューLPを生成。ブランド名やキャッチコピー、製品ボトル、モデルの変更が可能です。 ### Full prompt ```text { "type": "スキンケア製品のランディングページモックアップ", "design_style": "クリーン、臨床的、信頼感のあるモダンなUI/UXデザイン", "color_palette": ["ホワイト", "[ライトブルー]", "ネイビーブルー"], "brand_name": "[DERMA CALM]", "layout": { "header": { "left": "[DERMA CALM]のブランドロゴ", "center": { "element": "ナビゲーションメニュー", "count": 6, "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"] }, "right": { "element": "アクションボタン", "count": 2, "labels": ["マイページ", "今すぐ購入する"] } }, "hero_section": { "background": "科学的処方を連想させる、柔らかくぼかした実験用ビーカーやフラスコ", "left_column": { "headline": "[敏感な肌にも、毎日つづけられる安心ケア。]", "body_text": "低刺激、高保湿、肌バリアサポートを訴求する日本語の本文テキスト", "call_to_action_buttons": { "count": 2, "styles": ["ソリッドネイビーブルー", "ホワイト地にネイビーの縁取り"] } }, "center_column": { "product": "[美容液の白いポンプボトル]", "props": ["滑らかな白いクリームの一片"], "floating_badge": "『皮膚科医監修』の丸いバッジ" }, "right_column": { "model": "[透明感あふれる輝く肌を持ち、微笑みながら頬に手を添える若いアジア人女性]" } }, "features_section": { "container": "下部全幅に広がる白い角丸長方形バー", "count": 6, "items": [ "ネイビーの星5つ付き満足度『95%』", "低刺激を示すチェックマーク付きシールドアイコン", "バリア機能をサポートする水滴アイコン", "無香料を示す斜線入りボトルアイコン", "アルコールフリーを示す斜線入りフラスコアイコン", "パッチテスト済みを示すチェックマーク付きクリップボードアイコン" ], "footer": "最下部の細かな日本語注意書きテキスト" } } } ``` --- ## 日本語AIレポート添削アプリUIモックアップ - URL: https://www.gptimagehub.com/ja/library/japanese-ai-report-correction-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21590 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-report-correction-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 2:1 - Style: graphic-design - Tags: uiモックアップ, saasデザイン, 日本語ui, アプリ画面, ウェブデザイン, ミニマル, ダッシュボード - Updated: 2026-10-27T03:29:28.098Z - Created: 2026-10-27T03:29:28.098Z AIレポート添削ツール向けの洗練された2カラムSaaSモーダルUIを生成します。角括弧内のアプリ名やテキストを変更して様々な製品の検証に活用できます。 ### Full prompt ```text ニュートラルなライトグレー背景の中央に配置された、大きな角丸の白いモーダルウィンドウによる清潔でリアルな日本のSaaSウェブアプリUIモックアップ。横長構図。モーダルには繊細なライトグレーのボーダー、柔らかなドロップシャドウ、繊細な垂直の区切り線で分かれた2パネルレイアウトが施されています。 上部およびコーナー要素：右上に白い「×」アイコンが付いた暗い円形の閉じるボタン。左下付近に重なる「＋ ALT」と「編集」と書かれた2つの小さな浮かぶダークピルボタン。右下端にわずかに見切れた暗い角丸バーの端。 左パネル（入力エリア）： - 上部見出し：「[レポート添削AI]」、サブタイトル「AIがあなたのレポートを改善します」 - セクションラベル：「レポートを入力してください」 - 若者のSNS利用に関する日本語のサンプル文章が入った大きな白いテキストエリアカード、右下に「128/3000」の文字数カウンター - 「添削する」と書かれた目立つ角丸の紫色のプライマリCTAボタン、その下に小さなグレーの補足テキスト「AIによる添削開始」 右パネル（結果エリア）： - ヘッダータイトル：「AIによる添削結果」 - 「総合評価」ラベルと「B+」と書かれた鮮やかな緑色の角丸バッジ - 「改善ポイント」セクションに、緑色のチェックマークアイコンが付いた正確に3つのチェックリスト項目： 1. 「具体例があると説得力が増します」 2. 「データや根拠を加えるとより良くなります」 3. 「結論を明確にすると締まりが良くなります」 - 「改善例」セクション、その後に「近年、SNSの利用者数は増加しており、2023年の総務省の調査によると、10代の約90%がSNSを利用している。」から始まる読みやすい日本語の本文段落 ビジュアルスタイル：Apple製品のような日本のミニマルプロダクトデザイン、クリーンで現代的なサンセリフ日本語タイポグラフィ、十分な余白、柔らかいスタジオ照明、ピクセルパーフェクトな高解像度デジタルスクリーンショット風。人物なし、イラストなし、ブラウザ枠なし、スマートフォン枠なし。 ``` --- ## ミニマルな中央配置の幾何学図形 - URL: https://www.gptimagehub.com/ja/library/minimalist-centered-geometric-shape - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28989 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-centered-geometric-shape - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ミニマリズム, 幾何学図形, フラットデザイン, シンプルアイコン, 無地背景, ベクタースタイル - Updated: 2026-10-27T03:20:53.098Z - Created: 2026-10-27T03:20:53.098Z 無地背景の中央にすっきりとした幾何学図形を生成します。図形や色、背景を変更してアイコン作成や生成テストに活用できます。 ### Full prompt ```text 無地の[白]の背景の中央に配置されたシンプルな[青い円]。ミニマルなグラフィック、すっきりとしたフラットデザイン、文字なし、透かしなし。 ``` --- ## AIアニメ画像セグメンテーションツール画面 - URL: https://www.gptimagehub.com/ja/library/ai-anime-segmentation-tool-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-30772 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-anime-segmentation-tool-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: anime - Tags: uiスクリーンショット, アニメイラスト, セグメンテーション, webインターフェース, レトロアニメ, モックアップ - Updated: 2026-10-27T03:15:08.098Z - Created: 2026-10-27T03:15:08.098Z レトロ少女アニメの編集作業を再現したAIセグメンテーションツールのブラウザ画面。キャラクターの容姿や背景、UI表示を柔軟にカスタマイズ可能です。 ### Full prompt ```text AI画像生成・セグメンテーションWebツールのデスクトップブラウザ画面（16:9横長スクリーンショット）。上部には薄いタブ、拡張機能アイコン、「[Imagine - Grok]」と表示されたURLバーのある明るいグレーのブラウザ枠。メインエリアは清潔な白背景で、左上に小さな戻る矢印、左端に縦に並んだ2つの小さなサムネイルプレビューを配置。 メイン画像（中央左）： [pink cherry blossom park]（桜咲く春の公園）を背景にした[a romantic school anime couple under cherry blossoms]（桜の下のロマンチックな学園アニメカップル）の90年代少女アニメ風イラスト。登場人物は2人のみ：短い茶髪で[dark navy]（濃紺）の学ラン・白シャツ・赤ネクタイを着た背の高い男子生徒と、大きな青いリボンでポニーテールに結んだ長い[dark blue]（濃い青髪）にセーラー服を着た元気な女子生徒。女子が満面の笑顔で男子の肩に抱きつき、男子は頬に小さな汗を浮かべながら優しく微笑む。緑のフェンス、芝生、舞い散る桜の花びら。光沢のあるセル画調シェーディングと鮮やかなハイライト。 右サイドバー： 上部に「セグメント」と目のアイコンが配置された薄グレーの縦型パネル。正確に17個の検出項目が並び、それぞれ極小サムネイルと英語テキスト付き：1 young man, 2 young woman, 3 brown hair, 4 blue hair, 5 blue hair, 6 blue hair, 7 blue hair ribbon, 8 school uniform jacket, 9 school uniform jacket, 10 school uniform jacket, 11 school uniform jacket, 12 white collared shirt, 13 red necktie, 14 red necktie, 15 red necktie, 16 green metal fence, 17 cherry blossoms。折りたたみシェブロン付き。 サイドバー下部： アイコン付きの4つのグレー操作項目：「確定編集」、「再生成」、「動画を作成」、「クロップ」。 スタイルと制約：高精細なアニメ絵とフラットで端正なUI。テキストは鮮明で読みやすく、吹き出しや透かし、余分なキャラクターは含めない。 ``` --- ## ゲーム配信者のライブ配信UIモックアップ - URL: https://www.gptimagehub.com/ja/library/gaming-streamer-live-broadcast-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13652 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fgaming-streamer-live-broadcast-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ライブ配信, UIモックアップ, ゲーム配信者, スマホアプリ, インターフェース, ソーシャルメディア, 配信画面 - Updated: 2026-10-27T03:14:33.098Z - Created: 2026-10-27T03:14:33.098Z リアルなインタラクティブUIを重ねた女性ゲーム配信者のスマホ配信画面を生成します。ユーザー名やコメント、部屋の装飾を自由にカスタマイズ可能です。 ### Full prompt ```text { "type": "ライブ配信UIモックアップ", "subject": { "description": "若い東アジア系女性、黒のウェーブロングヘア、穏やかな笑顔、シルバーのクローバーネックレス、有線イヤホン", "clothing": "[小さな青いリボン付きの白レースキャミソール、ライトブルーのカーディガン、グレーのプリーツスカート]", "pose": "デスクに座りカメラをまっすぐ見つめる、片手をRGBメカニカルキーボードに置く" }, "environment": { "foreground": "白い小さなぬいぐるみのキーホルダーが付いたアーム式プロ用コンデンサーマイク", "background": "ゲーミングルームのセットアップ、[MOBAゲーム]を表示する大型PCモニター、光る月型ランプとピンクのうさぎのぬいぐるみが置かれた棚", "lighting": "モニターからの紫と青の間接光と壁のネオンサイン「[LIVE ♡]」による柔らかい室内照明" }, "layout": { "sections": [ { "title": "Top Left Profile", "position": "top-left", "count": 4, "labels": ["[草莓味小羊 🍓]", "12.8万本场点赞", "关注", "小时榜第3名"] }, { "title": "Top Right Stats", "position": "top-right", "count": 4, "labels": ["3 viewer avatars", "6.7万", "X", "礼物展馆 2/24"] }, { "title": "Chat Overlay", "position": "bottom-left", "count": 7, "labels": [ "[宝宝下次打什么呀？]", "主播好美！！！", "主播带带我～", "声音也太温柔了吧", "这波操作666", "晚安宝宝么么哒", "进来就被美到了～" ] }, { "title": "Input Bar", "position": "bottom", "count": 5, "labels": ["说点什么...", "smiley icon", "heart icon", "gift icon", "three dots icon"] } ] } } ``` --- ## ChatGPTモバイルアプリ画像生成画面スクショ - URL: https://www.gptimagehub.com/ja/library/chatgpt-mobile-app-photo-result-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29538 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-mobile-app-photo-result-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, モバイルアプリ, iosインターフェース, スクリーンショット, uiデザイン, スナップ写真, カルーセル - Updated: 2026-10-27T03:13:23.098Z - Created: 2026-10-27T03:13:23.098Z 画像生成結果とサムネイル列を表示するリアルなiOS版ChatGPT画面を作成します。括弧内を編集してプロンプトや被写体、服装を変更できます。 ### Full prompt ```text クリーンなiOSインターフェース内に画像生成結果を表示した、ChatGPTモバイルアプリのリアルな縦型スマートフォン画面スクリーンショット（アスペクト比9:16）。 上部ステータスバー：左側に9:33、右側にアンテナピクト、Wi-Fiアイコン、バッテリー残量「51」、バッテリーアイコンを表示。上部ナビゲーション：左にハンバーガーメニュー、右上に新規作成アイコン、右端に3点リーダーアイコン。 チャットフィード： - 右寄りに配置された薄灰色の角丸ユーザーメッセージバブル、テキスト：「[Masochist系男友视角斜侧手持手机拍摄风格，风格清新干净，一种随性松弛氛围感，随手记录。绝美，表情随机；ar9:16\n\n连续10张单独图]」。 - バブルの下に「思考」と書かれた小さな灰色のセクションラベル。 - ラベルの下に、角丸の大きな生成写真カード。 生成された写真の内容：緑のクッションチェアに座り、カメラに向かって温かく微笑む[a young East Asian woman with long dark hair]のリラックスした手持ちスナップポートレート。[a beige ribbed tank top and loose white pants]を着用。やや高めの角度から傾けて撮った彼氏目線のスマホアングル、柔らかな自然光。背景はダークウッドの床、レースカーテン、ダイニングテーブルがある落ち着いたアパートのリビング。 オーバーレイ＆カルーセル： - メイン写真カード下部に半透明の丸いボタンが2つ：左に「编辑」、右にシェア/アップロード矢印アイコン。 - メイン写真の下に、同じ女性のバリエーション写真が並ぶ正確に8枚の小さな角丸サムネイルストリップ。最後のサムネイルが控えめに選択強調されている。 下部バー：プラスアイコン、プレースホルダー「询问 ChatGPT」、マイクアイコン、青い円形音声ボタンを備えた角丸入力バー。最下部に黒いiOSホームインジケーター。 ``` --- ## ChatGPT 歴史インフォグラフィック画面キャプチャ - URL: https://www.gptimagehub.com/ja/library/chatgpt-history-infographic-mobile-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-34016 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-history-infographic-mobile-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, インフォグラフィック, uiスクリーンショット, 中国史, モバイルアプリ, 唐代, ポスター - Updated: 2026-10-27T03:06:48.098Z - Created: 2026-10-27T03:06:48.098Z 中国史の教育インフォグラフィックを表示するリアルなChatGPTスマホ画面を作成。括弧内のトピックを変更してカスタム可能です。 ### Full prompt ```text モバイル版ChatGPTのチャット画面を再現したリアリスティックな縦型スマートフォンUIスクリーンショット。[安史之乱]に関するAI生成の中国史教育インフォグラフィックを表示している。 画面構成とレイアウト: 9:16のポートレート画面、清潔感のあるiOS風ライトインターフェース、柔らかなドロップシャドウと丸みを帯びたUI要素を備えたリアルなアプリキャプチャ風。 上部ステータスバーとナビゲーション: 時刻「8:47」、小さなユーザーアイコン、微小なオレンジの点がある黒いダイナミックアイランド、通信・Wi-Fiアイコン、バッテリー残量「16」を示すiPhoneステータスバー。その下に左の青い通知ドット付き丸型メニューボタン、右の新規作成アイコン付き角丸ピルボタン、三点リーダーアイコンが配置されている。 チャットエリア: 右上に配置された薄青色のユーザーメッセージ吹き出し（テキスト:「生成图片：全面讲一讲\n安史之乱」）。その直下に角丸のAI生成画像カード。カードの左下にシェアアイコンと省略記号アイコンの2つ、カード右下には白い円形のシェアオーバーレイボタン。 インフォグラフィックカードの内容: 古風な羊皮紙と水墨画風の濃密な横型教育ポスター。ベージュの古紙背景、濃紅色の見出し帯、風化した枠線、上部には炎上する唐代の城郭、立ち上る煙、兵士、軍旗、軍馬の黒いシルエットを描いた劇的なバナー。左上に毛筆の題字「安史之乱」と唐の繁栄から衰退への転換点を示す副題。すべてのテキストは判読可能な中国語。 インフォグラフィックの各セクション: 1) 「什么是安史之乱?」解説ブロック、2) 安禄山・史思明・唐玄宗・唐粛宗・楊貴妃の5名の肖像イラストが並ぶ「主要人物」、3) 4つの原因を挙げた「叛乱的原因」、4) 6つの節目を記した縦型タイムライン「叛乱的过程」、5) 赤と黒の進軍矢印が入った中央の戦略地図「叛乱形势图」、6) 4枚のサムネイル付き「重要战役与事件」、7) アイコン付き4項目の「叛乱的影响」、8) 3項目の「历史意义」、9) 3枚の引用カード「后世评价」。最下部にスローガン「以史为鉴，方知兴替。」と戦場のシルエット。 下部入力バー: プラスアイコン、プレースホルダー「询问 ChatGPT」、マイクアイコン、青い円形音声波形ボタンを備えた角丸ホワイトバー。 制約事項: 余分なチャットなし。すべてのインフォグラフィック要素は角丸カード内に収めること。唐代の本格的な歴史的意匠を再現すること。 ``` --- ## AIビジネスキャラクターシートギャラリー画面 - URL: https://www.gptimagehub.com/ja/library/ai-business-character-sheet-gallery-view - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21155 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-business-character-sheet-gallery-view - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ギャラリー画面, 3dキャラクター, ビジネス人物, キャラクターシート, コーポレートデザイン, インターフェース - Updated: 2026-10-27T03:05:18.098Z - Created: 2026-10-27T03:05:18.098Z 3Dビジネスキャラクターシートを4×4のグリッドで並べたAIツール画面モックアップを生成します。プロンプトバーの文字や服装色を変更可能です。 ### Full prompt ```text ダークブラックのアプリケーション画面を背景に、タイルの間に細い溝を設けた、現代のビジネスイラストシートの生成バリエーションを表示する横長16:9のスクリーンショット風ギャラリーインターフェース。 上部には角丸のダークなプロンプト入力バーがあり、小さな白い等幅フォントでスニペットが表示されています：[{"size": "1792x1024", "prompt": "A modern illustration sheet displayed on a soft light grey background. The illustrations are arranged in a structured grid layout of 2 rows with 6 figures per row (12 figures total), ..."}]。 プロンプトバーの下には、角がわずかに丸みを帯びた長方形のサムネイルタイルが4×4のグリッドで正確に16枚並び、タイルの間には狭いダークな隙間があります。タイルの右下隅には半透明の小さな再生／矢印プレビューアイコンが控えめに配置されています。各タイルは柔らかいライトグレーの背景で、キャラクターシートのミニチュアバリエーションが描かれています。 各タイル内には、スタイライズされた3Dビジネスフィギュアが2行6列で正確に12体配置されています。年齢・性別・肌のトーンが多様なビジネスパーソンが、ネイビーのスーツ、グレーのブレザー、ティールカラーのパンツ、スカート、セーターなどの現代的なオフィス服を着ています。ノートPC、オフィスデスク、ワークチェア、クリップボード、ホワイトボード、フリップチャート、段ボール箱などのビジネス小道具を使い、握手、立ち話、歩行、着席PC作業などのポーズをとっています。各人物は独立したアセットとしてクリーンに配置されています。 スタイル：洗練されたセミリアルな3Dキャラクターデザイン、柔らかなスタジオ照明、控えめな接地シャドウ、ネイビーブルー、クールグレー、ホワイト、ティール、タンを基調とした落ち着いたコーポレートカラーパレット。不要なロゴや透かしのないクリーンなUIモックアップデザイン。 ``` --- ## モバイルAIチャット画面とTransformer図解ポスター - URL: https://www.gptimagehub.com/ja/library/mobile-ai-chat-screenshot-with-transformer-infographic - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14541 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-ai-chat-screenshot-with-transformer-infographic - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiデザイン, スマホ画面, チャットui, インフォグラフィック, transformer, sfネオン, ios風 - Updated: 2026-10-27T03:04:43.098Z - Created: 2026-10-27T03:04:43.098Z 日本語の会話ログとネオンSF風のTransformer図解ポスター結果を表示するリアルなスマホアプリUIを生成します。テキストやポスター内容は自由に変更可能です。 ### Full prompt ```text クリーンな白背景とiOS風ナビゲーションバーを備えた、日本語AIチャット画面のリアルなスマートフォンアプリのスクリーンショット（縦向き）。上部にはハンバーガーメニュー、右矢印付きの青い「Thinking」テキスト、新規作成アイコン、3点リーダーメニューを配置。その下には、角丸の薄いグレーのチャットバブルがあり、日本語テキスト「[モーフ感浮遊感のある感じ＋かつ反射するダストのレイヤーを加えて。テキスト多め、重要ーアーキテクチャは可読性高め、精細で細かいコードや数式の可読性は二の次のデザインアクセント＆アートエレメンツで。]」を表示。バブル下部には小さく薄いグレーで「[Thought for a couple of seconds]」、続いて「[画像が作成されました]」と記載。画面下半分には角丸の生成画像サムネイルを表示：深宇宙を背景に紫、マゼンタ、青、シアンの光跡と浮遊クリスタル、発光ダストが舞うネオンSFホログラフィック調のTransformerアーキテクチャ図解ポスター。ポスター上部には「[TRANSFORMER]」と「[THE ARCHITECTURE]」の文字、中央には発光する「[ENCODER LAYER]」と「[DECODER LAYER]」のボックス、「[KEY INNOVATIONS]」「[SELF-ATTENTION MECHANISM]」などのパネル群、最下部にトークン列「[[CLS] the cat sat on the mat [SEP]]」を配置。サムネイル下部中央には黒い下向き矢印の白い円形ダウンロードボタンをオーバーレイ表示。 ``` --- ## ビューティー向けモバイルLPトリプティク - URL: https://www.gptimagehub.com/ja/library/beauty-mobile-landing-page-triptych - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14426 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbeauty-mobile-landing-page-triptych - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: モバイルui, ウェブデザイン, モックアップ, トリプティク, ランディングページ, コスメ, ショーケース - Updated: 2026-10-27T03:02:58.098Z - Created: 2026-10-27T03:02:58.098Z エディトリアルな3面モックアップで3種類のコスメモバイルWebデザインを並べて提示。各パネルのブランド名や見出し、配色を変更可能です。 ### Full prompt ```text リップコスメのモダンなビューティーブランドのランディングページを表示した、3台の縦長スマートフォンが並ぶプレミアムなトリプティク（3面構成）モックアップ。ミニマルで洗練されたモバイルWebデザインショーケース用のエディトリアルな美学。 - 左パネル: 柔らかなラベンダーからブラッシュピンクへのグラデーション背景。端末の上部にエレガントなセリフ体の「[Fresh Pout.]」。黒フレームのスマホには「[Kosas]」向けのクリーム＆ブラッシュUI、クロップされたビューティー画像、「fullest」がイタリック調の「Lips in their fullest expression.」の見出し、丸みを帯びたダークなCTAボタン、3枚のリップサムネイル、「Plumps」「Tingles」「Shines」の機能タブ、5つのシェードアイコンを配置。 - 中央パネル: ラベンダーからディープバイオレットのグラデーション背景。端末の上部にセリフ体で「[Claude Code]」。スマホにはポートレート写真、大きな黒文字の「LIP PULSE.」とその下にピンクの手書き風「is here.」、ダークボタン、「Lips in their fullest expression.」のテキスト、2行3列の製品シェードグリッドを配置。 - 右パネル: ダークネイビーの質感ある背景。端末の上部に等幅フォントで「[GPT Images 2.0]」。スマホには「[Kosas]」のブランド名、「The Lip Pulse」のタイトル、斜めに配置されたピンクのリップグロス容器、6つのシェードスウォッチ、プロモーションエリアを表示。 構図: 対称的な3パネル構成、クリーンな余白、高級コスメキャンペーンのアートディレクション、柔らかな陰影、シャープなデバイスフレーム。 ``` --- ## ダークモード画像編集ソフトUIとマスコット - URL: https://www.gptimagehub.com/ja/library/dark-mode-software-ui-mascot-editor - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20597 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-software-ui-mascot-editor - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: uiモックアップ, ソフト画面, 日本語ui, カワイイマスコット, ダークモード, 透過グリッド, ベクターステッカー - Updated: 2026-10-27T02:57:18.098Z - Created: 2026-10-27T02:57:18.098Z 背景透過されたマスコットアイコンを編集する、リアルな日本語ダークモードUIのスクリーンショットを生成します。キャラクターや持ち物、アクセント枠線の色を自由に変更可能です。 ### Full prompt ```text ダークテーマのPowerPoint風画像編集モーダルウィンドウをリアルに描いた日本語UIスクリーンショット。レイアウトとインターフェース：かすかに見えるスライド背景の上に中央配置された、ダークチャコールの角丸モーダルダイアログ（控えめなドロップシャドウ付き）。上部中央のズーム表示は「42%」。トップバー：左上に日本語テキスト「画像の編集」と小さな「元に戻す」「やり直し」の矢印アイコン、右上にネットワークアイコンと「X」閉じるボタン。その下に、アイコン付きの6つのダーク角丸長方形ツールボタン「補正」「トリミング」「背景」「領域の選択」「テキスト」が並ぶフローティングツールバー。メインキャンバス：中央の正方形作業エリアは薄い紫色の枠線で囲まれ、黒と濃いグレーの透過チェッカーボードパターンが表示されている。キャンバス上部には緑のチェックアイコンが付いた「背景が削除されました。」というダークトースト通知と「X」ボタン。被写体：チェッカーボードの中央に、太い[pale pink]のアウトラインを持つステッカー調ベクターアートの[a white kawaii rabbit]のマスコット。大きめの丸い頭、ピンクの内耳を持つ長い立ち耳、ツヤのある茶色い目、ピンクの楕円形のチーク、嬉しそうに開いた口。胸の前で両手で抱えた[a mint-aqua heart]には柔らかいハイライトがあり、強い影のないクリーンなデザイン。コントロールとフッター：作業エリアの右側に縦並びのサムズアップ・サムズダウンのフィードバックアイコン。モーダル下部中央に「AI 生成コンテンツは間違っている可能性があります。」という控えめな免責事項。右下にオレンジ色の「保存」ボタンとダークグレーの「キャンセル」ボタン。全体スタイル：鮮明なマイクロソフト風ダークUI、クリーンな日本語タイポグラフィ、本格的なソフトウェアモックアップ。 ``` --- ## Steam ストアページ デスクトップ UI モックアップ - URL: https://www.gptimagehub.com/ja/library/steam-store-page-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13904 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsteam-store-page-desktop-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: steam, uiモックアップ, ゲームストア, ダークモード, 日本語対応, ソフトウェアui, デスクトップui - Updated: 2026-10-27T02:56:03.098Z - Created: 2026-10-27T02:56:03.098Z 日本語ローカライズされたダークモードの Steam クライアント詳細ページを生成します。括弧内のゲーム名や価格、説明文を自由に変更できます。 ### Full prompt ```text { "type": "desktop application UI mockup", "application": "Steam client", "theme": "dark mode", "header": { "top_menu": ["Steam", "表示", "フレンド", "ゲーム", "ヘルプ"], "main_navigation": ["ストア", "ライブラリ", "コミュニティ"], "user_profile": "Steam ユーザー" }, "layout": { "left_sidebar": { "title": "game library", "search_bar": true, "game_count": 18, "game_list": ["ハーフライフ", "ハーフライフ 2", "ハーフライフ 2: エピソード 1", "ハーフライフ 2: エピソード 2", "ハーフライフ: ブルーシフト", "ハーフライフ: オポージング フォース", "Portal", "Portal 2", "Team Fortress 2", "Left 4 Dead 2", "Counter-Strike: Source", "Counter-Strike: Global Offensive", "Day of Defeat: Source", "Garry's Mod", "Ricochet", "Source Filmmaker", "Half-Life Deathmatch: Source", "Half-Life: Source"] }, "main_content": { "breadcrumbs": "すべてのゲーム > アクションのゲーム > ハーフライフ", "title": "[ハーフライフ]", "media_gallery": { "main_image": "赤いバールを持った一人称視点、光るラムダロゴがある研究所でヘッドクラブと科学者に対面", "thumbnail_count": 5 }, "description": "[『ハーフライフ』は、Valve が開発した伝説的な一人称視点シューティングゲームです。ブラックメサ研究施設での実験が失敗し、異次元とのポータルが開いてしまった後、科学者ゴードン・フリーマンとして生き延び、脱出を目指します。]", "metadata": { "release_date": "[1998年11月9日]", "developer": "[Valve]", "publisher": "Valve", "user_reviews": "非常に好評 (20,910件のレビュー)" }, "tags": ["FPS", "アクション", "SF", "クラシック", "シングルプレイヤー", "+"], "system_requirements": { "title": "システム要件", "tabs": ["Windows", "macOS", "SteamOS + Linux"], "specs": ["OS: Windows 7 以降", "プロセッサー: 1.7 GHz プロセッサー", "メモリー: 512 MB RAM", "グラフィック: DirectX 8.1 対応のビデオカード", "DirectX: Version 8.1", "ストレージ: 600 MB の空き容量"] } }, "right_sidebar": { "purchase_box": { "title": "購入する", "price": "[¥ 980]", "button": "カートに入れる" }, "features_count": 4, "features": ["シングルプレイヤー", "Steam 実績", "フルコントローラサポート", "Steam クラウド"], "languages_table": { "title": "言語", "columns": ["インターフェイス", "フル音声", "字幕"], "language_count": 5, "languages": ["日本語", "英語", "フランス語", "ドイツ語", "スペイン語 - スペイン"] } }, "footer": { "left": "+ ゲームを追加", "center": "ダウンロード 2 / 2 アイテム完了", "right": "フレンド & チャット +" } } } ``` --- ## モバイルショート動画アプリUI画面 - URL: https://www.gptimagehub.com/ja/library/mobile-short-video-app-interface-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14087 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-short-video-app-interface-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ショート動画, モバイルui, アプリ画面, ソーシャルメディア, モックアップ, 旅行動画 - Updated: 2026-10-27T02:40:28.098Z - Created: 2026-10-27T02:40:28.098Z 旅行風景動画に各種ソーシャルUIパーツが重ねられたリアルなショート動画画面を生成します。角括弧内の背景やユーザー情報を変更して活用できます。 ### Full prompt ```text { "type": "モバイルショート動画アプリUIスクリーンショット", "main_content": { "scene": "[エメラルドグリーンの高山湖、緑の松林、険しい雪山、青空と白い雲]", "subject": "[黒いベースボールキャップを後ろ被りし白いシャツを着た黒髪ロングの女性、木製フェンスにもたれて景色を眺める]" }, "ui_elements": { "status_bar": { "time": "14:53", "icons": ["電波アイコン", "Wi-Fiアイコン", "バッテリーアイコン 78%"] }, "top_navigation": { "left_icon": "ハンバーガーメニュー", "tabs": ["直播", "同城", "关注", "推荐"], "active_tab": "推荐", "right_icon": "検索虫眼鏡" }, "floating_widget": { "position": "左上", "icon": "黄色い進行状況バー付きのお年玉袋アイコン", "text": "点击激活" }, "right_action_bar": { "count": 6, "items": [ {"icon": "赤いプラスバッジ付きプロフィールアバター"}, {"icon": "いいねハート", "text": "[128.6万]"}, {"icon": "コメント吹き出し", "text": "2.6万"}, {"icon": "お気に入りスター", "text": "8.9万"}, {"icon": "共有矢印", "text": "3.7万"}, {"icon": "回転するレコード盤"} ] }, "bottom_left_info": { "username": "[@旅行日记]", "caption": "[总要去一次川西吧！蓝天白云、雪山湖泊、森林草甸，治愈所有不开心～ #川西美景 #旅行推荐官]", "search_prompt": "相关搜索 · 川西旅游攻略" }, "bottom_navigation": { "count": 5, "tabs": [ {"label": "首页"}, {"label": "朋友", "badge": "2"}, {"label": "角丸長方形内のプラスボタン"}, {"label": "消息", "badge": "5"}, {"label": "我"} ] }, "system_ui": "画面下部中央のiOSホームインジケーターバー" } } ``` --- ## マルチフレーム バナー広告絵コンテ - URL: https://www.gptimagehub.com/ja/library/multi-frame-banner-ad-storyboard - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14308 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmulti-frame-banner-ad-storyboard - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: バナー広告, 広告デザイン, マーケティング, 絵コンテ, uiデザイン, レイアウト - Updated: 2026-10-27T02:38:38.098Z - Created: 2026-10-27T02:38:38.098Z デジタルバナー広告用のシーケンシャルなマルチフレームレイアウトを生成します。フレーム数やサイズ、商品を変更してマーケティング施策に合わせられます。 ### Full prompt ```text クリーンなタイポグラフィ、製品ビジュアル、ブランドグラフィックデザイン要素を備えた、[Ozempic]の[300x250]バナー広告の[4フレーム]のシーケンシャルプロモーション絵コンテを表示するデジタルマーケティングレイアウト。 ``` --- ## コスメ美容ランディングページ モックアップ - URL: https://www.gptimagehub.com/ja/library/beauty-cosmetics-landing-page-mockup-2 - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14198 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbeauty-cosmetics-landing-page-mockup-2 - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, uiデザイン, コスメ, スキンケア, モックアップ, webデザイン, 通販 - Updated: 2026-10-27T02:36:53.098Z - Created: 2026-10-27T02:36:53.098Z スキンケア・コスメ向けの上質なLPファーストビューモックアップを生成します。ブランド名やキャッチコピー、商品種別、カラーを自由に調整できます。 ### Full prompt ```text { "type": "ランディングページ ヒーローセクション モックアップ", "theme": { "industry": "コスメ・美容", "primary_color": "[ソフトピンク]", "accent_color": "ゴールド" }, "layout": { "header": { "logo": "[LUMEA BEAUTY]", "nav_links": { "count": 5, "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"] }, "cta_button": "今すぐ試す" }, "left_column": { "headline": "[鏡を見るたび、うるおう透明感。]", "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。", "feature_tags": { "count": 3, "labels": ["敏感肌OK", "高保湿", "朝晩使える"] }, "bullet_points": { "count": 3, "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"] }, "action_area": { "primary_button": "[初回限定で試してみる >]", "secondary_button": "成分をチェック >", "trust_markers": { "count": 3, "labels": ["送料無料", "初回限定", "定期縛りなし"] } } }, "right_column": { "model": "頬に手を当てて微笑み、美容液のボトルを持つ若い東アジア系女性", "product_display": { "product": "[高保湿ブースター美容液]", "elements": ["手元のボトル", "卓上のボトル", "化粧箱", "紫の花束"] }, "stat_badges": { "count": 3, "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"] } }, "bottom_row": { "feature_cards": { "count": 3, "labels": ["うるおい", "透明感", "使いやすさ"] } } } } ``` --- ## ラグジュアリーブランドの会社概要ページレイアウト - URL: https://www.gptimagehub.com/ja/library/luxury-fashion-brand-about-page-layout - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-6645 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fluxury-fashion-brand-about-page-layout - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: ラグジュアリーブランド, 会社概要ページ, エディトリアルレイアウト, ウェブデザイン, ブランドストーリー, パリジャンシック, ファッション撮影 - Updated: 2026-10-27T02:26:18.098Z - Created: 2026-10-27T02:26:18.098Z 画像とテキストが美しく調和したブランドストーリーページを生成します。モデルの容姿やテキスト内容を変更してブランドに合わせられます。 ### Full prompt ```text 高級ファッションブランドの「About Us」ブランドストーリーページのエディトリアルレイアウト。画像と洗練されたタイポグラフィブロックが交互に並ぶタイムライン構成。 レイアウト構成： - セクション1（メイン画像）：アーモンド形の目、長いまつげ、高い頬骨、すっきりとしたVラインの顎、ソフトなローズチークと艶やかなチェリーリップが映える透明感のある陶器のようなツヤ肌の20代前半の若い女性。ダークトーンのハイライトが入った波打つ明るいブラウンのロングヘア。クリーム色のシルクパワースーツと繊細なレイヤードシルバーネックレスを身にまとい、大理石のカフェテーブルで湯気が立つ抹茶ラテとデザイナーズクラッチの横に座っている。物思いにふける表情で軽く首を傾げて振り返る瞬間のわずかなモーションブラー。 - セクション2（テキスト）："[Our Journey: A fusion of heritage and innovation, crafted for the modern woman.]" - セクション3（ディテール）：みずみずしいツヤ肌と繊細なジュエリーを際立たせるビューティーアップショット。 - セクション4（テキスト）："[Commitment to quality, sustainability, and empowering women through fashion.]" - セクション5（フルショット）：シルクスーツの優雅なシルエットを動きの中で捉えた全身エディトリアルショット。 - セクション6（フッターテキスト）："[Designed in Paris, inspired by the world.]" 撮影スタイル：Hasselblad X2D、85mm f/1.4レンズの質感、柔らかなゴールデンアワーの拡散光、浅い被写界深度、パリジャンシックなエディトリアル、温色と寒色が調和したパレット。右下に控えめに入った手書き風の署名「[Willy]」。 ``` --- ## AI支援ランディングページUIデザイン - URL: https://www.gptimagehub.com/ja/library/ai-landing-page-ui-design - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-5623 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-landing-page-ui-design - Category: UI / UX デザイン - Model: nanobanana - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, uiデザイン, ウェブデザイン, セールスページ, ダッシュボード, モックアップ - Updated: 2026-10-27T02:25:53.098Z - Created: 2026-10-27T02:25:53.098Z 自動化ツール向けに洗練されたLPのUIモックアップを生成します。ページ種類や強調したい機能を自由に調整できます。 ### Full prompt ```text Nano BananaとGensparkが[multiple]種類のセールスページを生成するAI支援ランディングページUIデザインのモックアップ、[automation and algorithmic optimization]を視覚的に強調したモダンでクリーンなWebインターフェース。 ``` --- ## ミニマルな縦型グラデーション壁紙 - URL: https://www.gptimagehub.com/ja/library/minimalist-vertical-gradient-wallpaper - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21663 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-vertical-gradient-wallpaper - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 壁紙, グラデーション, ミニマル, 縦型, 背景, 抽象 - Updated: 2026-10-27T02:15:23.098Z - Created: 2026-10-27T02:15:23.098Z 上下のカラーグラデーションと十分な余白を備えた、洗練された縦型壁紙を生成します。グラデーションのスタイルや画面比率を自由に調整できます。 ### Full prompt ```text クリーンでシンプルなミニマリスト構図の[9:16の縦型]壁紙デザイン。上から下へと滑らかに変化する[柔らかく滑らかなグラデーション]が特徴。フレームの上部と下部に自然なネガティブスペースを確保。鮮明なディテール、ぼかし効果なし、トリミングなしのフレーミング。 ``` --- ## レトロスキューモーフィック アイコンセット - URL: https://www.gptimagehub.com/ja/library/retro-skeuomorphic-icon-set - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-160 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fretro-skeuomorphic-icon-set - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: retro - Tags: アイコンセット, スキューモーフィズム, ヴィンテージ電子機器, UIデザイン, レトロアイコン, グラフィックデザイン - Updated: 2026-10-27T01:54:38.098Z - Created: 2026-10-27T01:54:38.098Z ラベル付きの統一感あるUIアイコンセットを生成します。テーマやスタイルを変更して様々なUIデザインに応用できます。 ### Full prompt ```text [レトロなスキューモーフィックスタイル]でデザインされた[ヴィンテージの電子機器]のアイコンセット。整然としたグリッド配置で、各アイコンのすぐ下にアイコン名がテキスト表示されている。 ``` ### Source - Author: TanShilong - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## 日本のテレビ風テロップ見本シート - URL: https://www.gptimagehub.com/ja/library/japanese-tv-show-telop-caption-sheet - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19674 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-tv-show-telop-caption-sheet - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: テロップ, タイポグラフィ, 日本のテレビ, グラフィックデザイン, 放送デザイン, 字幕見本 - Updated: 2026-10-27T01:52:08.098Z - Created: 2026-10-27T01:52:08.098Z 日本のテレビ番組特有のテロップや字幕スタイルを一画面にまとめたデザインを生成します。背景色やサンプルテキスト、ラベルを自由に変更して活用できます。 ### Full prompt ```text ニュートラルな[グレー]の背景に配置された、日本のテレビ番組風テロップ（字幕）タイポグラフィの見本シート。本物の日本語テキストを使用した複数の異なるテロップスタイルをレイアウト：太く読みやすい丸ゴシック風のメイン見出し、赤い文字に太い白の輪郭線と鮮やかな黄色いドロップシャドウを施したバラエティ番組風の超極太ゴシックテロップ、すっきりとしたプロ仕様のUDPゴシックによるニュース風の補足情報テロップ、そしてラフな油性ペン風の手書きメモスタイル。鮮やかな赤、黄、青、白の大胆なカラーパレットに、多重の白黒輪郭線、影、蛍光ペンのようなグローアクセント。「[Free Font]」や「[Usage Example]」といった小さなメタデータラベルが各見本の横に配置された、クリーンでインパクトのある放送用グラフィックデザイン。 ``` --- ## パステル調ランニングアプリ3画面UIモックアップ - URL: https://www.gptimagehub.com/ja/library/pastel-running-app-three-screen-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15794 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpastel-running-app-three-screen-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, モバイルアプリ, フィットネス, ランニングアプリ, モックアップ, パステルカラー, マスコット - Updated: 2026-10-27T01:51:23.098Z - Created: 2026-10-27T01:51:23.098Z 愛らしいマスコットと柔らかいパステルトーンを備えた3画面のフィットネスアプリUIを生成します。マスコットやアクセント色を変更して応用可能です。 ### Full prompt ```text {"type":"モバイルフィットネスアプリUIモックアップ","style":"クリーンでモダンなパステルアプリデザイン、ソフトベージュと温かみのあるホワイトサーフェス、落ち着いたセージグリーンのアクセント、丸みを帯びたカードとボタン、繊細なシャドウ、極細のミニマリスト線画アイコン、[ナマケモノ]のマスコットによる親しみやすく遊び心のあるブランディング、ダークブラウンのドットグリッド背景によるDribbble風プレゼンテーション","theme":"[ランニング記録アプリ]","layout":{"device_count":3,"arrangement":"均等に配置された3台の縦長スマートフォン画面の正面並列表示","background":"薄い均等ドットグリッドの非常に濃いブラウン","screens":[{"position":"left","screen_type":"ホームダッシュボード","header":{"greeting":"Good morning, Runner! 👋","left_icon":"none","right_icon":"notification bell"},"hero_card":{"headline":"Ready for a great day?","subcard_text_line_1":"Every step forward is a win.","subcard_text_line_2":"Let's make it count. 🌱","illustration":"クリーム色のヘッドバンドとミントグリーンの運動着を着た愛らしい[ナマケモノ]がカード右側で手を振って立っている"},"sections":[{"title":"This Week","position":"upper middle","count":3,"labels":["Runs","Distance","Time"],"values":["3","12.6 km","1h 45m"],"presentation":"3つの等分割カラムと薄緑の円形アイコンを持つ単一の角丸統計カード"},{"title":"NEXT GOAL","position":"middle lower","count":1,"labels":["20 km this month"],"values":["63%"],"presentation":"緑のプログレスバーと右側に手を振る小さなナマケモノのイラストがある角丸進捗カード"},{"title":"Recent Activity","position":"lower","count":1,"labels":["Recent Activity"],"presentation":"下部ナビゲーションにクロップされた別の角丸カードの上端"}],"bottom_nav":{"count":4,"labels":["Home","Run","Progress","Profile"],"active":"Home"}},{"position":"center","screen_type":"ランニング概要","header":{"left_icon":"back chevron","center_text":"Great job!","subtext":"You did it. Time to celebrate. 🎉","right_icon":"share"},"hero_illustration":"ヘッドバンド、ミントグリーンのスポーツウェア、金メダルを身につけ両手を挙げて祝う可愛い[ナマケモノ]","stats_row":{"count":3,"labels":["DISTANCE","TIME","PACE"],"values":["5.00km","32:15","6:27"],"presentation":"3つの角丸統計ピル"},"achievement_card":{"count":1,"title":"New Personal Best! 🌟","subtitle":"You shaved 1:12 off your previous 5K.","icon":"小さな金メダルバッジ"},"table_section":{"title":"Splits","count":2,"columns":["KM","PACE","TIME"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"薄い区切り線がある角丸ホワイトテーブルカード"}},{"position":"right","screen_type":"目標設定画面","header":{"left_icon":"close x","center_text":"Time to run!","subtext":"You've got this. We'll take it slow. 🦥","right_icon":"settings gear"},"goal_visual":{"type":"circular progress selector","top_label":"CHOOSE A GOAL","main_value":"5.00","unit":"kilometers","ring":"淡いベージュの円上の太い部分セージグリーン弧","illustration":"円の右上でストレッチする小さな[ナマケモノ]"},"goal_options":{"count":4,"labels":["2 km","5 km","10 km","Half"],"active":"5 km"},"primary_cta":{"label":"Start Run","style":"大型の角丸セージグリーンボタン"},"secondary_action":{"label":"Just Track","icon":"location pin"},"bottom_nav":{"count":4,"labels":["Home","Run","Progress","Profile"],"active":"Run"}}]}} ``` --- ## リキッドグラス 3D UIボタンデザイン - URL: https://www.gptimagehub.com/ja/library/liquid-glass-3d-ui-button-design - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-5912 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fliquid-glass-3d-ui-button-design - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, uxボタン, リキッドグラス, 3dボタン, グラスモーフィズム, インターフェース - Updated: 2026-10-27T01:46:18.098Z - Created: 2026-10-27T01:46:18.098Z カスタム文字を配置した3Dリキッドグラス風ボタンの洗練されたUI画面を生成します。テキストやスタイルを製品に合わせて調整可能です。 ### Full prompt ```text 洗練されたモダンなUIデザイン。下部に目立つ3DリキッドグラススタイルのUXボタンが配置され、ダークカラーのテキスト「[Nano Banana Pro + Adobe Firefly]」を囲んでいます。滑らかな流体ガラスの反射、繊細な光の屈折、丸みを帯びたエッジ、クリーンなタイポグラフィ、調和のとれたミニマルなデジタルプロダクトの美学。 ``` --- ## 中国語音楽ストリーミング再生UI - URL: https://www.gptimagehub.com/ja/library/chinese-music-streaming-player-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-zl-gi-32 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchinese-music-streaming-player-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音楽プレイヤー, uiデザイン, アプリアイコン, ダークモード, 中国語フォント, モバイルui, ストリーミング - Updated: 2026-10-27T01:45:58.098Z - Created: 2026-10-27T01:45:58.098Z 高精度なダークモードのモバイル音楽プレイヤーUI。曲名、アーティスト、アルバム名、再生時間を自由に変更して活用できます。 ### Full prompt ```text モバイル縦向きの忠実度の高い中国語音楽ストリーミングアプリの再生画面UIスクリーンショット。アルバムジャケットのカラーパレットをぼかして拡散させた背景を持つ洗練されたダークモードUI。中央には角丸とソフトなドロップシャドウを施した大きな正方形のアルバムアートを配置。 インターフェース構成： - 上部ステータスバー：時刻「[18:26]」 - ナビゲーションバー：左に「戻る」矢印、中央タイトル「[正在播放]」、右にオプションアイコン - 楽曲メタデータ：曲名「[海边的晚风]」、アーティスト名「[林秋]」、アルバム名「[夏夜实验室]」 - 歌詞セクション：5〜7行のスクロール歌詞、再生中の行をハイライト表示 - 再生プログレスバー：タイムスタンプ「[01:42]」と「[04:18]」 - 再生コントロール：シャッフル、前へ、再生/一時停止、次へ、リピートアイコン - アクションバー：お気に入り、コメント、ダウンロード、プレイリスト追加、共有アイコン - 最下部：デバイスキャストと再生キューのアイコン スタイル：実用アプリ水準のモバイルUIデザイン、リアルなダークモードの階層表現、洗練されたタイポグラフィ、繊細なシャドウ。 ``` ### Source - Title: ZeroLu · Awesome GPT Image - URL: https://github.com/ZeroLu/awesome-gpt-image - License: MIT --- ## ミニマルで高級感あるランディングページ設計 - URL: https://www.gptimagehub.com/ja/library/minimalist-luxury-landing-page-design - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-5306 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-luxury-landing-page-design - Category: UI / UX デザイン - Model: gpt-image-2-5-sunburst - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, ウェブデザイン, ui ux, ミニマリズム, モックアップ, 製品紹介 - Updated: 2026-10-27T01:44:58.098Z - Created: 2026-10-27T01:44:58.098Z ブランド製品を美しく見せる高級感あるミニマルなLPモックアップを生成します。ブランド名や参照写真を変更して活用できます。 ### Full prompt ```text [ブランド名] の参照写真の製品を紹介する、ミニマルで高級感のあるウェブサイトのランディングページのスクリーンショット。洗練されたモダンなUIレイアウト、優雅なタイポグラフィ、贅沢なホワイトスペース、洗練されたカラーパレット、高品質なデジタルプレゼンテーション。 ``` --- ## ミニマルな斜めブルーグラデーション壁紙 - URL: https://www.gptimagehub.com/ja/library/minimalist-diagonal-blue-gradient-wallpaper - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21565 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-diagonal-blue-gradient-wallpaper - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: 3d - Tags: グラデーション, 壁紙, 抽象, ブルー, ミニマル, 背景, テック調 - Updated: 2026-10-27T01:44:13.098Z - Created: 2026-10-27T01:44:13.098Z 画面を対角線上に流れる柔らかく発光する抽象的な青のグラデーションを生成します。隅や中央、光彩の色を変更して多彩な背景を作成できます。 ### Full prompt ```text シンプルな抽象フルフレームグラデーション壁紙。テキスト、オブジェクト、目に見える輪郭、境界線の一切ない、滑らかでソフトフォーカスなブルーのカラーフィールド。左上隅の[ほぼ黒に近いネイビー]から中央の[深みのあるコバルトブルー]へと変化し、右側に向かって鮮やかなアズールとエレクトリックブルーに移行、右下付近には[淡いアイシーアズール]の輝きが広がる。ぼかされた発光面のような有機的でわずかに不均一なグラデーションで、左上の暗部から右下の明部へと微細な斜めの光の流れを持つ。クリーンなデジタルレンダリング、最小限のノイズ、洗練されたモダンテックな美学。 ``` --- ## ダークモード開発者向けJSON差分ツールUI - URL: https://www.gptimagehub.com/ja/library/dark-mode-developer-json-diff-tool-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21928 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-developer-json-diff-tool-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, 開発者ツール, ダークモード, json比較, macosアプリ, ソフトウェアui - Updated: 2026-10-27T01:42:53.098Z - Created: 2026-10-27T01:42:53.098Z ダークモードのmacOS向け複数カラムJSON比較アプリの洗練されたUIモックアップを生成。括弧内のアプリ名や比較タイトルを変更して調整できます。 ### Full prompt ```text ダークモードのデスクトップアプリUIモックアップ。JSON比較ツール名「[Tilted Diffs]」、APIレスポンス比較タイトル「[API Response — Checkout v2]」を表示。 キャンバスとスタイル：ダークブルーのグラデーション背景に浮かぶmacOSスタイルのアプリウィンドウの16:10デスクトップスクリーンショット。繊細なソフトドロップシャドウ、角丸、細いボーダー、洗練された開発者向けSaaSデザイン。コバルトブルーのアクセント、ダークネイビーの背景、落ち着いたグレーのテキストによる鮮明なベクター風UIレンダリング。人物や透かし、外部ブラウザ枠はなし。 レイアウト：左サイドバー、上部ツールバー、並んだ3つの縦型コードエディタペインの4つの領域。左端のエディタペインは青いフォーカス光で囲まれ選択中。中央ペインはインラインの色分け差分ハイライトを表示。右端ペインは狭く一部のみ表示され、追加比較列を示す。 左サイドバー：左上にmacOSの信号機ボタン（赤・黄・緑）。アプリ名の下に「Search diffs…」とキーボードヒント付きの検索フィールド。その下にアイコンと日時が付いた8件の保存済み差分リスト：1)「API Response — Checkout v2」「Today, 10:24 AM」（青くアクティブ選択）、2)「User Profile — Public API」「Yesterday, 4:18 PM」、3)「Orders Endpoint — v1 vs v2」「May 20, 2025, 9:14 AM」、4)「Product Catalog — EU Region」「May 19, 2025, 2:47 PM」、5)「Auth Response — SSO」「May 18, 2025, 11:03 AM」、6)「Billing Summary — Q2」「May 17, 2025, 3:22 PM」、7)「Webhook Payload — Stripe」「May 16, 2025, 10:11 AM」、8)「Search Results — Relevance」「May 15, 2025, 5:35 PM」。下部に青い「+ New Diff」ボタンと設定ギアアイコン。 上部ツールバー：左側に「API Response — Checkout v2」と鉛筆アイコン。中央にセグメントタブ（青いアクティブ「Editors」と非アクティブ「Diff」）。右側にショートカットバッジ（「⌘T add column」「⌘D toggle diff」「⌘← / ⌘→ move focus」）。 エディタペイン：等幅フォント、行番号（約32行）、JSONシンタックスハイライト、ダークネイビー背景。ペインタブ：左「source.json」、中央「target.json」、右「more.json」。各ペイン下部に「Ln 1, Col 1」「Spaces: 2」「UTF-8」「LF」「JSON」のステータスバー。 コード内容：チェックアウトJSONデータ。左ペインは「pending」、totalAmount 129.99、標準配送。中央ペインは差分ハイライト（削除行赤、追加行緑、変更行黄）で「confirmed」、totalAmount 139.99、お急ぎ便への変更を表示。 ``` --- ## Macデスクトップの端末ワールドシムTUI - URL: https://www.gptimagehub.com/ja/library/mac-desktop-terminal-world-sim-tui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14385 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmac-desktop-terminal-world-sim-tui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ターミナル, tui, macデスクトップ, ワールドシミュレーション, コマンドライン, uiデザイン - Updated: 2026-10-27T01:42:23.098Z - Created: 2026-10-27T01:42:23.098Z 高度なシミュレーションを実行するリッチなTUIを備えたリアルなデスクトップ画面を生成します。OS、UI形式、シミュレーション内容を変更可能です。 ### Full prompt ```text 大型のターミナルウィンドウが開いた[mac]のデスクトップインターフェースのリアルなスクリーンショット。ターミナル内では表現力豊かな[TUI]レイアウトで[world sim]が実行されており、詳細なテキストベースのグラフ、ASCIIデータビジュアライゼーション、システムメトリクス、コマンド出力が表示されている。 ``` --- ## ネオン調ビジネス図解プロモーションバナー - URL: https://www.gptimagehub.com/ja/library/futuristic-neon-business-infographic-promo-banner - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17423 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-neon-business-infographic-promo-banner - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プロモバナー, ランディングページ, サイバーui, saasマーケティング, インフォグラフィック, ネオン発光, 日本語タイポグラフィ - Updated: 2026-10-27T01:41:48.098Z - Created: 2026-10-27T01:41:48.098Z ビジネススライドや図解テンプレートを訴求するサイバーネオン調の日本語ヒーローバナーを生成します。カード内容や数値を変更して自由にカスタマイズ可能です。 ### Full prompt ```text ビジネス図解やスライド生成プロンプトのデジタル商品を訴求する、ネオンサイバーテック調の日本語プロモーション用ヒーローバナー。深い黒を背景に、繊細なダークブルーのグリッドテクスチャ、光るエレクトリックブルーの光条、右下に流れる柔らかなグリーンのエネルギーウェーブを配置した16:9のワイド構図。洗練されたUIライティングとモダンなSaaSマーケティングデザイン。 上部ヘッダー： - 左上：グリーンとホワイトに光るChatGPTロゴと「ChatGPT」の文字。 - 中央上部：「NEW」タグと「[GPT Images 2.0]」の文字が入った、青く光る角丸カプセル型バッジ。 - 右上：noteロゴと「note」の文字が入った緑色の角丸長方形アプリアイコン風バッジ。 左セクション（メインコピー）： - 緑の枠線付きミニバッジ「ChatGPT Images 2.0 特化」。 - 超特大の太字白テキスト2行：「ビジネス図解・スライド」「プロンプト」。 - 2行目の横に、ネオンリムライトで発光する巨大なエレクトリックブルーの数字「[50]」と、右下に添えられた小さめの「選」。 - ヘッドライン下に細いブルーのネオン区切り線。 - サブコピー：「プロ品質の図解が、秒で完成する。」（「秒で」のみネオンブルーで強調、他は白色）。 右セクション（UIカードプレビュー）： - ネオンブルーの輪郭とグラスモフィズムの光沢を持つ、立体的に少し傾いた暗色UIカードが正確に3枚重なる。 - 上段カード：組織図テンプレート「01 組織体制図のテンプレート」（上部にCEO枠、下に4つの部署枠、最下段に計8つのメンバー枠）。 - 中段カード：データ分析ダッシュボード「01 データ分析・グラフ図解のテンプレート」（「+32.5%」の緑バッジ、1月から6月までの6本縦棒グラフ、4分割ドーナツチャート凡例）。 - 下段カード：業務フロー「01 ビジネスプロセス図解のテンプレート」（矢印で繋がれた5ステップの横型アイコンフローと日本語ラベル）。 下部バー： - 細い縦線で区切られた4つの機能ブロック（光る円形ネオンアイコン＋白文字2行）： 1. 稲妻アイコン：「すぐに使える / プロンプト50選」 2. ターゲットアイコン：「ビジネス特化の / 高精度テンプレート」 3. 時計アイコン：「時短＆高品質 / 作業効率を最大化」 4. シールドアイコン：「商用利用も安心 / そのまま使える」 幾何学的サンセリフフォント、緻密な階層構造、人物なし、グラフィックデザインとUI要素のみで構成。 ``` --- ## 拡張現実フードショッピングUI - URL: https://www.gptimagehub.com/ja/library/augmented-reality-food-shopping-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-12812 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Faugmented-reality-food-shopping-interface - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: 拡張現実, ar ui, スーパーマーケット, pov視点, 栄養データ, グラスモーフィズム, 未来派hud - Updated: 2026-10-27T01:40:03.098Z - Created: 2026-10-27T01:40:03.098Z スーパーの通路で食品を持つ主観視点と、浮かび上がるAR栄養・商品データを生成します。食品や表示項目を入れ替えて自由にカスタマイズ可能です。 ### Full prompt ```text 最新のスーパーマーケットの通路でのPOV（主観視点）ショット。両手で[クリームとベリーが添えられた小さな高級デザート]を持っている。対象の周囲には未来的な拡張現実（AR）ホログラフィックインターフェースが浮かび上がり、洗練された半透明のグラスモーフィズムパネルに[カロリー、糖質、脂質、鮮度スコア、賞味期限、レシピ提案]が表示されている。背景の陳列棚は柔らかくボケた被写界深度、シネマティックな環境光、フォトリアルでモダンなテクノロジー美学。 ``` --- ## ミニマリストテックバナーベクターイラスト - URL: https://www.gptimagehub.com/ja/library/minimalist-tech-banner-vector-illustration - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-4592 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-tech-banner-vector-illustration - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: illustration - Tags: ベクター, ミニマリスト, ウェブバナー, フラットデザイン, ノートパソコン, 幾何学, イラスト - Updated: 2026-10-27T01:39:48.098Z - Created: 2026-10-27T01:39:48.098Z 現代的な幾何学模様で構成されたクリーンなフラットベクターイラストを生成します。括弧内の被写体を変更して様々な業務を表現できます。 ### Full prompt ```text 抽象的な幾何学模様に囲まれた、[ノートパソコンで作業する人物]の様式化されたミニマリストのベクターイラスト。鮮やかなカラーパレット、すっきりとした描線、モダンなウェブサイトのバナーに適したフラットなグラフィックデザイン、Freepikのストックベクタースタイル。 ``` --- ## AI画像生成WebアプリUIモックアップ - URL: https://www.gptimagehub.com/ja/library/ai-image-generation-web-app-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13627 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-image-generation-web-app-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, webアプリ, ダッシュボード, ダークモード, モックアップ, インターフェース - Updated: 2026-10-27T01:32:18.098Z - Created: 2026-10-27T01:32:18.098Z サイドバーと各種機能セクションを備えた、AI画像生成ツールのダークモードWeb画面を生成します。ロゴや見出し、プレースホルダーを変更して調整可能です。 ### Full prompt ```text { "type": "UI/UX web application mockup", "theme": "dark mode", "sidebar": { "logo": "[ChatGPT]", "navigation_items": 5, "recent_chats_count": 8, "user_profile": "User, Free tier" }, "main_content": { "header": "Images", "input_bar": { "placeholder": "[新しい画像を説明...]", "model_selector": "[GPT Image 2]" }, "sections": [ { "title": "[新登場: GPT Image 2 が登場！]", "description": "より高いリアリズム、優れたタイポグラフィ、より深い世界知識を備えた次世代画像生成モデル。", "feature_tags_count": 4, "hero_images_count": 3, "hero_images_descriptions": [ "山の湖の風景", "ネオンが輝くサイバーパンクの通り", "タイポグラフィポスター" ] }, { "title": "画像にスタイルを適用", "style_thumbnails_count": 8, "style_labels": [ "アニメ", "油絵", "シネマティック", "3Dレンダリング", "線画", "ドット絵", "水彩画", "サイバーパンク" ] }, { "title": "新機能を発見", "feature_cards_count": 6, "feature_labels": [ "高度なテキストレンダリング", "一貫したキャラクターとシーン", "高いリアリズム", "世界知識", "正確な編集", "より創造的なスタイル" ] }, { "title": "マイイメージ", "recent_images_count": 6, "recent_images_descriptions": [ "アニメ男子のポートレート", "トラ猫の子猫", "トラ猫の子猫", "眠る白いホッキョクギツネ", "結婚式の招待状", "コードエディタ端末" ] } ] } } ``` --- ## 農業イノベーション雑誌カバーモックアップ - URL: https://www.gptimagehub.com/ja/library/agricultural-innovation-magazine-cover-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14623 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fagricultural-innovation-magazine-cover-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: 雑誌表紙, モックアップ, アグリテック, ブドウ園, エディトリアルデザイン, モバイルアプリ - Updated: 2026-10-27T01:22:38.098Z - Created: 2026-10-27T01:22:38.098Z ブドウ園を舞台にアグリテックアプリを紹介するスペイン語の雑誌表紙を作成します。見出しや背景を変更して別業界にも応用可能です。 ### Full prompt ```text 農業イノベーションをテーマにした高級感のあるエディトリアル雑誌表紙モックアップ。参照写真のモバイルアプリUIがスマートフォンの画面にはっきりと表示されています。前景ではブドウ園の作業員が自然光の下でスマートフォンを持っています。背景には山々に向かって広がるブドウの畝と、遠くにぼかされた数人の農作業員の姿が太陽光に照らされています。ディープグリーン、クリーム、温かみのあるアースカラーの洗練されたエディトリアルレイアウト。 スペイン語のタイポグラフィと表紙レイアウト： - 上部の大見出し："REVISTA CAMPO FUTURO" - 上部の細いストライップライン："Especial Viñas de Chile | Innovación agrícola | Abril 2026" - 見出し下のサブタイトル："Agricultura, innovación y gestión rural" - 左側の緑のセクションタグ："TECNOLOGÍA AGRÍCOLA" - 太字のメイン見出し："La app con IA que está revolucionando el campo"、続いてKimünが野帳に代わりリアルタイムでブドウ園管理を行うことを伝える短いリード文 - AI搭載スマート野帳としてのKimünを紹介する円形バッジ - 下部の2つの小窓写真：ブドウ園でスマホを持つ手元のアップ（"p.18"とモバイルアラートの解説）、3人のチームがアプリを囲む写真（"p.24"と現場連携・即時コスト管理の解説） - 右カラムの3つの特集ティーザーとアイコン：紙を置き換えるスマート野帳（p.30）、データ主導のブドウ園効率化（p.36）、水管理4.0とスマート灌漑（p.42） - 最下部のカテゴリーバー："AGRICULTURA"、"FRUTALES"、"VIÑAS"、"GANADERÍA"、"SUSTENTABILIDAD"、リアルなバーコード、小さな定価表記。 ``` --- ## アニメLive2D用キャラクター三面図チャット画面 - URL: https://www.gptimagehub.com/ja/library/anime-live2d-character-model-sheet-chat-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20276 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanime-live2d-character-model-sheet-chat-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: anime - Tags: live2d, キャラクターデザイン, 三面図, チャットui, アニメ少女, スマホスクショ, 設定画 - Updated: 2026-10-27T01:19:48.098Z - Created: 2026-10-27T01:19:48.098Z Live2D制作用の三面図が生成されたスマホAIチャット画面を再現します。プロンプト内の括弧を編集してメッセージやキャラ設定を変更できます。 ### Full prompt ```text iOS風のUI要素を備えた、白背景のミニマルなAIチャット画面の縦長スマートフォン用スクリーンショット。上部のステータスバーの左側には「2:50」とミュートのベルアイコン、右側には電波バー、Wi-Fi、そして「95」と表示された黒いバッテリーアイコンが表示されています。ステータスバーの下には、ハンバーガーメニュー、青文字で「Thinking」と書かれた白い角丸カプセル、鉛筆の編集アイコン、3点リーダーボタンの4つのフローティングコントロールが配置されています。右上には座ったアニメ少女の小さなチビステッカーがあり、その下には「[画像をLive2Dに使う用に三面図にして]」というテキストが入った角丸の薄灰色チャットバブルがあります。チャットメッセージの下には、生成されたキャラクター設定三面図の白いカードが表示されています。毛先がラベンダーのグラデーションになったブロンドツインテール、ターコイズ色の瞳、フリル付きのノースリーブ白トップス、ミントターコイズのスカートを着用した[unnamed blonde twin-tail girl]の全身図が等間隔で3体並んでいます。左から順に「[正面図]」、「[側面図（右向き）]」、「[背面図]」とラベル付けされ、左端には薄い水平ガイド線と身長マーカーが引かれています。カードの下部には「編集する」と書かれた白い角丸ボタンと丸い共有ボタンが浮かんでいます。最下部のアクションバーには高評価、低評価、3点リーダーのアイコン。クッキリとしたUI、淡いパステル調のアニメキャラクターアート。 ``` --- ## 夜の画面に映る音楽プレイリスト - URL: https://www.gptimagehub.com/ja/library/music-playlist-on-screen-at-night - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14375 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmusic-playlist-on-screen-at-night - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 音楽アプリ, パソコン画面, spotify, プレイリスト, 夜の雰囲気, UI表示 - Updated: 2026-10-27T01:18:28.098Z - Created: 2026-10-27T01:18:28.098Z 暗がりの中で音楽プレイリストを表示するデバイス画面のリアルな写真を生成します。デバイスやアプリ、時間帯を変更できます。 ### Full prompt ```text [夜]に[Spotify]のプレイリストを表示している[パソコン画面]のリアルな写真。 ``` --- ## ミニマルな文書レイアウトプロンプト集 - URL: https://www.gptimagehub.com/ja/library/minimalist-document-and-layout-prompts - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13704 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-document-and-layout-prompts - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ドキュメントレイアウト, 新聞紙面, レストランメニュー, 教科書ページ, 黄暦, エディトリアルデザイン - Updated: 2026-10-27T01:08:33.098Z - Created: 2026-10-27T01:08:33.098Z 新聞から伝統的な暦まで本格的な紙面レイアウトを出力するプロンプト集です。角括弧内のテーマや料理ジャンル、日付を自由に変更できます。 ### Full prompt ```text 詳細な印刷レイアウトドキュメント： 1. [AI教育]に関する[キャンパス日刊新聞] 2. [潮州料理レストラン]のメニュー表 3. [人教版の小学校3年生国語]教科書の1ページ 4. [2026年4月18日]の伝統的な中国暦（黄暦）の1ページ ``` --- ## 日本語SaaSサービスLPモックアップ - URL: https://www.gptimagehub.com/ja/library/japanese-saas-service-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17911 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-saas-service-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiデザイン, ランディングページ, saas, webデザイン, モックアップ, サイト設計 - Updated: 2026-10-27T01:04:33.098Z - Created: 2026-10-27T01:04:33.098Z CV重視の構成要素とUIキットを含む、縦長スクロールの日本語Webデザインモックアップを生成します。角括弧内のブランド名や見出しを編集可能です。 ### Full prompt ```text {"type":"full-page Japanese landing page design mockup","format":"tall mobile-first web page screenshot","brand":{"name":"[カケル スタジオ]","romanized_subtitle":"KAKERU STUDIO","logo":"左上に配置されたシンプルな青い抽象的なKマーク"},"theme":{"service":"[オンライン会社設立支援サービス]","visual_style":"クリーンでモダンなSaaSランディングページ、親しみやすい日本のスタートアップの美学、角丸カード、柔らかな影、白背景に鮮やかな青のアクセント、黄色のハイライト、小さな紙吹雪モチーフ、ヒーロー背景に淡い都市スカイラインのシルエット","palette":"ロイヤルブルー、スカイブルー、ホワイト、ペールグレー、イエロー、コーラルピンク","typography":"太字で丸みのある日本語サンセリフ見出し、読みやすいコンパクトな本文テキスト"},"layout":{"sections":[{"title":"Header","position":"top","elements":["左上にブランドロゴと名称","右上にハンバーガーメニューアイコン","『完全オンラインで完結！』と書かれた青い小さな角丸バッジ"]},{"title":"Hero","position":"top main area","elements":["大きな日本語見出し: [会社設立を、もっとカンタンに、もっとワクワクに！]","青いジャケットと黄色いパンツを着て、スマホとノートPCを持ちながら走る顔のないビジネスパーソンのフラットイラスト"]},{"title":"Hero benefit cards","position":"under hero","labels":["完全オンライン","安心・安全","最短3日で設立"],"details":["デスクトップモニターのアイコン、書類作成がオンラインで完了できる旨の説明","青いシールドチェックアイコン、専門スタッフによる手厚いサポートの説明","黄色い時計アイコン、最短3日からのスピーディな設立手続きの説明"]},{"title":"Introduction card","position":"upper middle","elements":["見出し: はじめての会社設立でも迷わず完了！","ステップごとに情報を入力するだけで書類が簡単に作成できることを説明する本文","右側にノートPCとスマートフォンの大型UIモックアップ","小さな観葉植物のイラスト"]},{"title":"Metrics row","position":"inside introduction card bottom","labels":["累計利用者数 10,000社以上","お客様満足度 98.6%","最短設立スピード 最短3日で登記完了","対応エリア 全国対応"]},{"title":"ご利用の流れ","position":"middle","labels":["STEP 1 会社情報の入力","STEP 2 書類の作成・確認","STEP 3 申請・完了"],"details":["チェックマーク付きの申請書アイコン","書類とペンのアイコン","紙飛行機アイコン"]},{"title":"カケル スタジオが選ばれる理由","position":"middle lower","labels":["完全オンラインで完結","専門家がサポート","最短3日で設立"],"details":["ノートPCを操作する女性のイラスト","書類を持つ男性専門家のイラスト","カレンダーと時計のイラスト"]},{"title":"お客様の声","position":"below reasons","elements":["円形のぼかし男性ポートレート付きの声カード","大きな青い引用符","オンライン対応のスムーズさを称える日本語レビュー","顧客の名前と役職ライン"]},{"title":"Primary CTA banner","position":"lower middle","elements":["紙吹雪が舞う大きな青い角丸長方形","見出し: [まずは無料で相談してみませんか？]","サブテキスト: 専門スタッフが丁寧にサポートします！","右矢印付きのコーラルピンクのボタン『無料で相談する』","『平日 10:00〜18:00』と書かれた小さな黄色いバッジ","右側にノートPCを開く女性のイラスト"]},{"title":"Input form sample","position":"lower","labels":["テキスト入力（デフォルト）","テキスト入力（フォーカス）","セレクトボックス","チェックボックス","ラジオボタン"],"details":["白い角丸フォームパネル","青いフォーカス入力ボーダー","チェックが入った四角いチェックボックス","選択状態を含む2つのラジオボタン","矢印付きの青いボタン『次へ進む』"]},{"title":"UI component kit","position":"near bottom","labels":["チップ","アイコン","ボタン"],"details":["人気No.1、無料3日、オンライン完結、合同会社、株式会社、個人事業主OK、全国対応を含むパステルカラーの角丸チップ","グリッド状に配置された18個の細線ブルーアイコン","4種類のボタンスタイル: Primary、Icon Button、Ghost Button、セカンダリダウンロードバリエーション"]},{"title":"Service feature cards","position":"bottom above footer","labels":["完全オンラインで完結","専門家がサポート","全国どこでも対応"],"details":["小さなイラストとテキストが入った3つのコンパクトな角丸カード"]},{"title":"Footer","position":"bottom","elements":["ロゴと会社情報を配した青いフッター","3列のフッターリンク","ソーシャルメディアアイコン","右側にピンクの相談ボタンと営業時間を備えた黄色のミニCTAボックス"]}],"total_distinct_sections":13},"composition":"縦長の1枚スクリーンショットとしてキャプチャされた連続するロングスクロールLP、整った余白と丸みのある白いカードからなる中央カラム、全テキスト日本語表記、ブラウザ枠なし、高精度で洗練されたUIモックアップ","image_quality":"くっきりとしたベクタースタイルのインターフェース、整った整列、柔らかなグラデーションと影、プロフェッショナルなCVR重視のLPデザイン"} ``` --- ## PowerPointのスマイルマーク図形 - URL: https://www.gptimagehub.com/ja/library/powerpoint-smiley-face-shape-graphic - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-1332 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpowerpoint-smiley-face-shape-graphic - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 1:1 - Style: graphic-design - Tags: スマイルマーク, powerpoint図形, ミニマリズム, ベクターアイコン, フラットデザイン, 図形シンボル - Updated: 2026-10-27T00:59:08.098Z - Created: 2026-10-27T00:59:08.098Z PowerPointでおなじみの、うつろな表情が印象的なミニマルなスマイルマークを再現します。背景色や表情を調整してアレンジ可能です。 ### Full prompt ```text PowerPointの図形挿入機能にある象徴的なスマイルマーク。シンプルな黄色の円形にクリーンな輪郭線、うつろな丸い目、口角だけが上がったシンプルな曲線の口を持つ、究極にミニマルな2Dグラフィック。すっきりとした[白]背景の中央配置、フラットなベクターアイコンスタイル、極めてシンプルで素朴なミニマリズム。 ``` --- ## 反重力インテリアランプのWebモックアップ - URL: https://www.gptimagehub.com/ja/library/anti-gravity-lamp-website-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14180 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanti-gravity-lamp-website-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, ランディングページ, ダークモード, webデザイン, sf, モックアップ, インテリア - Updated: 2026-10-27T00:59:03.098Z - Created: 2026-10-27T00:59:03.098Z 浮遊するインテリアと未来的な反重力ランプを描いたダークモードのLPモックアップ。ブランド名やテキスト、配色を変更して応用できます。 ### Full prompt ```text { "type": "website landing page mockup", "theme": "dark mode, modern, sci-fi interior", "color_palette": [ "dark teal", "[cyan]", "cool white", "charcoal" ], "header": { "logo": "crescent moon icon with dots", "brand_name": "[GraviLune]", "navigation_links": { "count": 5, "labels": [ "特徴", "使い方", "テクノロジー", "デザイン", "よくある質問" ] }, "cta_button": "今すぐ購入する" }, "hero_content": { "position": "left", "headline": "[気分に合わせて、部屋の重力をデザインする。]", "subtext": "集中したい朝は軽く、眠りたい夜は深く。重力の密度を整えて、空間体験そのものを変えるインテリアランプ。", "buttons": { "count": 2, "primary": "重力を整える (glowing cyan, rounded)", "secondary": "部屋の変化を見る (outlined, play icon)" }, "feature_badges": { "count": 3, "labels": [ "3段階重力モード", "家具もふわり", "安全設計" ] } }, "visual_scene": { "position": "right and background", "setting": "[modern living room at night with a full moon]", "main_product": "[large sleek circular pendant lamp emitting cool white glow]", "floating_objects": { "count": 7, "items": [ "2 open books", "1 closed book", "1 black coffee mug", "1 smartphone", "2 pens" ] }, "table_objects": "stack of 3 books hovering slightly above wooden coffee table", "furniture": "dark sofa on the left, wooden coffee table" }, "footer_element": "SCROLL text with downward line indicator at bottom center" } ``` --- ## 総合UIデザインシステムレイアウト - URL: https://www.gptimagehub.com/ja/library/comprehensive-ui-design-system-layout - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13489 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcomprehensive-ui-design-system-layout - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, ウェブデザイン, デザインシステム, モックアップ, コンポーネント, ux - Updated: 2026-10-27T00:57:28.098Z - Created: 2026-10-27T00:57:28.098Z 参照スタイルに合わせて統一感のあるUIデザインシステムとWebモックアップを生成します。角括弧内のテーマやコンポーネントを変更して調整してください。 ### Full prompt ```text 参考画像のビジュアルスタイルに基づいた包括的な[UIデザインシステム]のショーケース。[ウェブ、モバイル、カード、コントロール、ボタンなど]のコンポーネントを含みます。調和のとれたタイポグラフィ、統一感のあるカラーパレット、アイコン、整然としたインターフェース要素がクリーンに配置された完全なウェブページレイアウト。 ``` --- ## イチゴカフェのA/B比較テストUI - URL: https://www.gptimagehub.com/ja/library/strawberry-dessert-ab-evaluation-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-31729 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fstrawberry-dessert-ab-evaluation-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiスクリーンショット, abテスト, chatgptインターフェース, パステル調, イチゴスイーツ, ファッション写真, カワイイ - Updated: 2026-10-27T00:53:38.098Z - Created: 2026-10-27T00:53:38.098Z パステル調のイチゴカフェ写真2枚を並べて比較するAI評価UI画面を生成します。人物、スイーツ、UIのテキストを変更して様々なコンセプトを試せます。 ### Full prompt ```text AI画像評価インターフェースを模した、2枚のファッション＆フード生成画像を並べて比較するクリーンなデスクトップWebアプリのA/Bテスト画面。キャンバスとレイアウト：16:9の横長画面、クリーンな白背景、薄いグレーのアプリUI、中央揃えのレイアウト。左側の細い縦型ツールバーには、上部にOpenAIの渦巻きロゴ、下に4つのシンプルな黒い線画ナビゲーションアイコン、最下部に小さなユーザーアバターの計6つのアイテムを配置。上部中央には日本語で「どちらの画像が良いですか？」、右上には「スキップする」のリンクと共有アイコン、3点リーダーメニューを表示。中央比較エリア：角丸の画像カードが狭い余白を挟んで2枚並ぶ。左カードの左下には「1」と書かれた小さな黒い角丸四角形。右カードの左下には「2」のラベルと小さな丸いダウンロードアイコン。左カード：パステル調のストロベリーカフェで、[お団子ヘアにピンクのヘアピン、血色メイクを施し淡いピンクの服を着たダークブラウンの髪の若い女性]がスプーンを持ち、生クリームとイチゴシロップ、生イチゴが乗った巨大なイチゴかき氷パフェを見つめている。カワイイ平面的イラスト（浮かぶイチゴ5個、右側のイチゴ頭のちびキャラ1体、下部のウサギ型マスコット1体、キラキラ、右上の英語テキスト「Berry Snow」）が重なる。右カード：同じ女性が丸テーブルに横向きに座り、モコモコのピンクセーターにティール色のワイドパンツ、スニーカー姿で巨大イチゴかき氷と向き合う。右側にパフェと戯れるピンクの線画アニメ少女、浮かぶイチゴ6個、右下のイチゴボウル、中央下のシロップが跳ねるイラスト、クリームマスコット、左上のピンクの「FROSTBERRY」ロゴが重なる。下部入力バー：幅いっぱいに広がる角丸のChatGPT入力バー。プラスアイコン、プレースホルダー「ChatGPT に質問」、ドロップダウン「最速」、マイクアイコン、黒い円形の音声アイコンの計5つのコントロール。スタイル：鮮明なWeb UIスクリーンショット、リアルなファッション写真と2Dのキュートな落書きイラストの融合、明るく柔らかなカフェの自然光。 ``` --- ## Tinder プロフィール画面モックアップ - URL: https://www.gptimagehub.com/ja/library/tinder-dating-profile-screen-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15951 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ftinder-dating-profile-screen-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: tinder, マッチングアプリ, モバイルui, モックアップ, スクリーンショット, ソーシャルメディア, uiデザイン - Updated: 2026-10-27T00:53:13.098Z - Created: 2026-10-27T00:53:13.098Z カスタムキャラクター、プロフィール文、バッジを含むリアルなTinderスワイプ画面を生成します。括弧内の設定やテキストを変更して使えます。 ### Full prompt ```text Tinderマッチングアプリのリアルなスマートフォン画面スクリーンショット、アスペクト比9:16。 上部UI: 上部ヘッダー中央に配置されたおなじみのTinder炎ロゴ。 中央カード: [頭の上にバナナを乗せ、黄色いブラウスと白いスカートを着た][モナ]のプロフィール写真。カメラ目線で微笑んでいる。 カード下部UIオーバーレイ: - プロフィール名: 「[Mona Banana 🍌]」 - 年齢: 「[18]」 - 距離: 「[0km away · Suita City]」 - 自己紹介文: 「[Don't mind the banana on my head. It just won't come off 🍌\nLikes: Bananas, magical girls, bananas, rice, bananas\nDream: To save the world with banana power\nType: People who don't ask 'Why is there a banana on your head?' 🙅]」 - 興味タグ・バッジ: 「[Cooking 🍳]」、「[Music 🎵]」、「[Magic ✨]」、「[Banana Studies 🍌]」 最下部アクションボタン: 巻き戻し、スキップ（X）、スーパーライク（青い星）、ライク（緑のハート）、ブースト（紫の稲妻）の丸型Tinderボタングループ。本格的なモバイルUIレイアウトとタイポグラフィ。 ``` --- ## デザインツールと端末同期UIモックアップ - URL: https://www.gptimagehub.com/ja/library/design-tool-and-terminal-sync-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26157 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdesign-tool-and-terminal-sync-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, saasインターフェース, デザインエディタ, ターミナルcli, プロダクト発表, アートボード - Updated: 2026-10-27T00:52:13.098Z - Created: 2026-10-27T00:52:13.098Z ウェブエディターとCLI端末の同期を描いた洗練されたSaaSプレゼンモックアップ。見出しやプロジェクト名、コマンドを変更して応用可能です。 ### Full prompt ```text デザインツールとCLIターミナルがリアルタイムで同期する様子を描いた、洗練された16:9のSaaSプロダクト発表UIモックアップ。画面全体を満たす温かみのあるコーラルオレンジの背景に、中央のクリームホワイトのデザインアートボードを配置し、柔らかなドロップシャドウのついたUIパネルが重なり合っています。 レイアウトと構成要素： 1. 左側のエディターパネル：左にアプリアイコン、右にベルアイコンを配した「Playground Crowdfunding Page」というタイトルのオフホワイトの角丸サイドバー。上部アクション行：「Edit」「Discard」、コーラル色の「Save」ボタン。3つのタブ：「Simple」（アクティブ）、「Pro」、「Code」。9個のアイコン付きツールバー（選択ポインタ、カーソル、四角形、グリッド、円、テキストT、鉛筆、アンドゥ、リドゥ）。Text、Typography（フォント「Poppins」、サイズ「36 px」、カラー「#1A1714」、太さ「Bold」、斜体、下線、打ち消し線、配置、行送り「1.35」、ケース「none」、トラッキング）、Appearance（背景「None」、半径「0px」、オーバーフロー「visible」、不透明度「1」、z「auto」）、Borderの各インスペクター項目。 2. 中央のウェブページアートボード：上部に3色のドット（緑、黄、赤）のロゴと「[Maple Grove Park]」。その下に緑のドット付きの淡い緑のピルバッジ「[A neighborhood project on Elm Street]」。細い青のバウンディングボックスと4つの四角いハンドルで選択された、濃い緑黒の大きな太字見出し：「[Let's build a playground our kids will never forget.]」（4行に改行）。見出しの下には「Maple Grove's old play structure came down last spring. Together, we can replace it with something」で始まる小さめのグレーの本文。 3. 右側の寄付カード：右端が少し切り取られた白い角丸カード。青い破線枠で選択された金額ボックス「[$61,240]」、緑からライムグリーンのプログレスバー、ステータス行「72% funded」「312 neighbors」、角丸の緑の「Chip in today」ボタン。 4. フローティングターミナルウィンドウ：右上に配置された角丸とドロップシャドウ付きの黒いmacOS風ターミナル。赤・黄・緑の3色ドット。タイトルバー「temp — claude — 64x22」。左側にオレンジのピクセルアートマスコット。等幅フォントの表示テキスト：「Claude Code v2.1.176」、「claude-opus-4-8」、「~/temp」、「? for shortcuts」、末尾にカーソルがあるコマンド入力「/design-sync Push my design components to Claude Design」。 スタイル：鮮明なベクター風UIプレゼンテーション、モダンなFigmaおよびmacOSの美学、明瞭なタイポグラフィ、柔らかな影、人物なし、ウォーターマークなし。 ``` --- ## モナ・リザ コーラ Webドキュメント - URL: https://www.gptimagehub.com/ja/library/mona-lisa-soda-web-documentation - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22381 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmona-lisa-soda-web-documentation - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: painterly - Tags: uiデザイン, webページ, モナリザ, パロディ, 油絵, スクリーンショット, 二言語 - Updated: 2026-10-27T00:48:33.098Z - Created: 2026-10-27T00:48:33.098Z モナ・リザが炭酸飲料を飲む油絵パロディと2言語プロンプトが載ったWebドキュメント画面を生成します。人物や飲料、プロンプト文を変更してアレンジ可能です。 ### Full prompt ```text すっきりとしたドキュメント風のWebページスクリーンショット。余白が広くとられた白背景の上部に薄いグレーの水平線が引かれています。左上に小さなリンクアイコンと、太字の中国語テキスト「例 233: 蒙娜丽莎畅饮可乐的趣味油画」を配置。中央には、[モナ・リザ]が[コカ・コーラ]を飲むルネサンス油絵パロディの大きな正方形プレビュー画像：落ち着いた緑と黄土色の霞んだ風景を背景に、ダークブラウンの髪と当時の衣装を着た人物が古典的なポーズで座り、白い文字の入った赤いソーダ缶を口元に掲げています。額から顎にかけて濃い茶色の不透明な正方形のモザイクブロックが顔を覆い、髪、手、缶は見えたままです。アートワークの下には3つのUI要素：青いリンク色のハンドル名を含む「来源： @liyue_ai」というソース表示行、「提示词:」というラベル行、右上に小さなコピーアイコンが付いた薄グレーのコードボックス。コードボックス内には2つのブロックを表示：「[中文]」に続く「生成一张蒙娜丽莎畅饮可乐的油画。」と、「[English]」に続く「Generate an oil painting of Mona Lisa drinking cola。」 ``` --- ## アイソメトリック ビジネス人物 ベクター素材シート - URL: https://www.gptimagehub.com/ja/library/isometric-corporate-people-vector-asset-sheet - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-23677 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fisometric-corporate-people-vector-asset-sheet - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: illustration - Tags: アイソメトリック, ベクター, ビジネス, 素材集, オフィスワーカー, uiデザイン, キャラクター - Updated: 2026-10-27T00:47:13.098Z - Created: 2026-10-27T00:47:13.098Z 21種類のビジネスパーソンのポーズとオフィスシーンを3×7グリッドで生成します。背景色や服装、アクセントカラーをUIやプレゼン資料に合わせて調整できます。 ### Full prompt ```text 1枚のキャンバスに整然と並べられた、21種類のビジネスパーソンのポーズとオフィスのミニシーンからなるクリーンなアイソメトリックベクターイラストシート。各人物や家具の足元に柔らかな楕円形の影を配し、均等な間隔の3行×7列のグリッドで配置。 ビジュアルスタイル：現代的なアイソメトリック企業のベクターイラスト、繊細なグラデーションと柔らかな陰影を伴うセミフラットスタイル、明瞭な輪郭線、統一感のある小さめの全身プロポーション。枠線や背景の風景はなく、ソリッドな[very light gray]の背景。 カラーパレット：[navy blue]、チャコール、クリーンなホワイト、ナチュラルウッド調、落ち着いたグレーメタルを基調とした洗練されたパレット。人物の髪は[brown]で、[white shirts, navy skirts or trousers, dark shoes, simple ties for men]を着用。 グリッド内訳（左から右へ21種）： - 上段：1) ダークカラーのタブレットを持つ女性、2) 自立式ホワイトボードにマーカーで書く女性の後ろ姿、3) テイクアウトコーヒーを持って歩く女性、4) 立ったままノートPCを操作する女性、5) 立って電話で話す女性、6) クリップボードに記入する女性、7) 木製デスクで椅子に座りノートPCを使う女性。 - 中段：1) ブリーフケースを持って立つ男性、2) 握手をする2人の男性、3) 書類を読みながら歩く男性、4) 木製デスクに身を乗り出してPCに入力する男性、5) オフィスチェアで足を組み顎に手を当てる男性、6) 立って携帯電話で話す男性、7) ポケットに手を入れてリラックスして立つ男性。 - 下段：1) タブレットとスタイラスペンを持って急ぐ女性、2) グレーの書架にファイルバインダーを収納する男性、3) ガッツポーズで喜ぶ男性、4) デスクの端に腰掛けてコーヒーを持つ女性、5) デスクに座りノートPCを操作する女性、6) ダークなラウンジチェアに座り考え込む男性、7) フォルダーを持って電話で話す女性。 制約事項：正確なアイソメトリック画角、均一なライティング、統一されたプロポーション。テキストなし、ロゴなし、ウォーターマークなし、写実的な表現なし。 ``` --- ## 発光グラデーション数字アプリアイコン - URL: https://www.gptimagehub.com/ja/library/glowing-gradient-number-app-icon - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22161 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fglowing-gradient-number-app-icon - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: 3d - Tags: アプリアイコン, 3d立体数字, ネオングロー, パーティクル効果, iosアイコン, グラデーション - Updated: 2026-10-27T00:46:53.098Z - Created: 2026-10-27T00:46:53.098Z 粒子となって飛び散る立体的な発光数字を描いたiOS風アプリアイコン。角括弧内の数字やカラーを変更してアレンジ可能です。 ### Full prompt ```text 滑らかな角丸正方形（iOSアプリアイコン形状）のキャンバスのやや左寄りに配置された、スタイリッシュな立体数字の「[9]」が描かれた洗練されたモバイルアプリアイコン。数字は太く滑らかで光沢のある3Dグリフで、左上のゴールデンイエローとオレンジから、中央のホットピンク、下部の鮮やかなバイオレットとエレクトリックパープルへと移り変わる鮮やかなグラデーションが施されている。柔らかなネオンのリムライトと内部発光が数字を包み、左上には暖色の光、下部カーブにはマゼンタパープルのグローが輝く。数字の右側は、同系色の円形ドットや細かい粒子が右へと飛び散るダイナミックなパーティクルバーストに溶け出している。背景はかすかな周辺減光と放射状グラデーションを持つ深いミッドナイトネイビーからパープル。コントラストが高く、エッジが鮮明で、他のテキストや枠線、透かしのないアイコニックなデザイン。 ``` --- ## ノベルゲーム風ボツルート選択UI - URL: https://www.gptimagehub.com/ja/library/visual-novel-rejected-routes-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17580 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fvisual-novel-rejected-routes-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ビジュアルノベル, ゲームui, アニメ風UI, シナリオ選択, キャラクターデザイン, UIレイアウト - Updated: 2026-10-27T00:46:48.098Z - Created: 2026-10-27T00:46:48.098Z キャラクターの「もしも」の分岐ルートを一覧表示するゲームシナリオ選択UIを生成します。キャラやシナリオ内容を自由に変更可能です。 ### Full prompt ```text [アニメ風のヒロイン]の「ボツルート集」を表示した、ビジュアルノベルやソーシャルゲームのシナリオ選択UI画面。[破局、失恋、誤解、闇落ち]などの非公式な「もしも」のシナリオを示す複数のカードパネルが並ぶ。各カードには、それぞれ異なる表情や雰囲気、ライティングで描かれたキャラクターのミニイラストがあり、短いタイトルと1行のあらすじが添えられている。モダンなアニメゲームUI風の洗練されたゲームインターフェース、タイポグラフィ、装飾フレーム、アイコン、メニューボタン。 ``` --- ## B2B SaaS モバイルオンボーディング画面 - URL: https://www.gptimagehub.com/ja/library/b2b-saas-mobile-onboarding-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20104 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fb2b-saas-mobile-onboarding-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: saas, モバイルui, オンボーディング, ダッシュボード, グラスモフィズム, 日本語ui, b2bデザイン - Updated: 2026-10-27T00:44:23.098Z - Created: 2026-10-27T00:44:23.098Z 3Dグラスモフィズム要素を備えた洗練された日本向けエンタープライズSaaSのモバイル画面を生成します。括弧内のブランド名や文章を自由に変更できます。 ### Full prompt ```text アスペクト比9:16の縦型スマートフォンUIスクリーンショット、[NOVALITH]の高品質な日本向けB2B SaaSオンボーディング画面。クリーンな白背景に十分な余白、画面上部には9:41表示、Wi-Fi、電波、バッテリーアイコン付きのiOSステータスバーを配置。 レイアウトとタイポグラフィ： - 左上：ジオメトリックなターコイズブルーの「N」マークと深紺色の文字による[NOVALITH]ロゴ。 - 見出し：太字のダークネイビーで「[データを、未来の意思決定に変える。]」。 - 本文：2行の日本語説明文「[開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。]」。 - 左下：シアンの細線アイコン付きの3つの機能説明： 1) 重なったレイヤーアイコン：「統合された基盤」 / 「データとシステムを一元的に統合」 2) シールドチェックアイコン：「堅牢なガバナンス」 / 「セキュリティと品質を標準で確保」 3) 右肩上がりの棒グラフアイコン：「高速な意思決定」 / 「信頼できるデータで意思決定を加速」 メインビジュアル： - 右側：少し奥に傾いた光沢感のある3Dスマートフォンのモックアップ。半透明なティールブルーのガラス構造ブロックと大型のファセット加工された3Dの「N」文字と重なり合う。 - スマホ画面内：4つのセクションで構成された精緻な日本語ダッシュボードUI： 1) 上部メトリクスカード：「データパイプライン 128 +2.4%」、「データ品質スコア 98.6% +2.4%」 2) 接続ノード付きパイプライン：「データソース 24」、「処理中 128」、「出力先 36」 3) 折れ線グラフ：「データ量の推移」（日付 5/06 〜 5/12） 4) ドーナツチャート：「データソース健全性」（「96% 健全」、凡例：「健全 46」「警告 3」「エラー 1」） ナビゲーションとボタン： - 中央に3つのカルーセルドット（1つ目がアクティブなティール、残り2つは薄いグレー）。 - 画面下部に2つの角丸ボタン：ティールグラデーション塗りの右矢印付き「[はじめる]」プライマリボタンと、ティール枠の白地「[あとで始める]」セカンダリボタン。 スタイル：未来的エンタープライズデータ分析UI、シャープなベクターUIと柔らかな3Dグラスモフィズムの融合、繊細なポリゴンネットワークライン、薄いドットグリッド、ソフトな環境シャドウ、ディープネイビー、シアン、ティールの配色。 ``` --- ## AIチャットUI 成都手描きグルメマップ - URL: https://www.gptimagehub.com/ja/library/ai-chat-interface-chengdu-food-map - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14444 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-chat-interface-chengdu-food-map - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui-uxデザイン, グルメマップ, モックアップ, 成都, チャット画面, イラスト, 手描き - Updated: 2026-10-27T00:40:08.098Z - Created: 2026-10-27T00:40:08.098Z 成都の手描きレトログルメマップを表示するAIチャットアプリUIを生成します。都市名、タイトル筆文字、凡例、料理内容を自由に調整可能です。 ### Full prompt ```text 薄いグレーの背景に、柔らかなドロップシャドウを伴う角丸の白いカードパネルが中央に配置された、AIチャット画面のスクリーンショット風構図。上部には、[Chengdu]のグルメマップを指示する中国語プロンプトが書かれた大きめの淡いミントグリーンの吹き出しがある。その下、中央やや左寄りに角丸の正方形イラストが配置されている。イラストはヴィンテージ風の手描き観光グルメマップで、左上に力強い中国語の毛筆体で「[成都! 吃货暴走地图]」とタイトルが掲げられている。温かみのあるベージュの和紙テクスチャ、水彩インクのアウトライン、レトロなトラベルポスター調で、簡略化された街路、地区名、仏塔、伝統的な城門、近代的な街並みなどのミニチュア名所が描かれている。番号付きの赤いピンと中国語ラベルで示された12箇所のグルメスポットがあり、それぞれ串鍋、甜水面、兎頭料理、鍋魁、四川火鍋、冒菜、担々麺、紅油抄手、鉢鉢鶏、夫婦肺片、四川風炒め物、小吃盛り合わせのイラストが添えられている。外周は赤唐辛子と緑のツタ、葉で飾られたフレームで囲まれている。マップ右下には4つのアイコンと羅針盤が描かれた「[图例说明]」という小さな凡例ボックスがある。チャットUIの要素として、吹き出し下の小さなアプリアイコン、「2/2」のページ表示、イラスト左下に重なる「Edit」ピルボタン、右下の丸い保存ボタン、下部のシンプルなツールバーが含まれる。 ``` --- ## モザイク入りアニメ壁紙のWindows 11デスクトップ - URL: https://www.gptimagehub.com/ja/library/windows-11-desktop-with-censored-anime-wallpaper - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16405 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fwindows-11-desktop-with-censored-anime-wallpaper - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: デスクトップ, windows 11, アニメ, 壁紙, スクリーンショット, uiデザイン - Updated: 2026-10-27T00:39:38.098Z - Created: 2026-10-27T00:39:38.098Z 顔にモザイクが施されたアニメキャラ壁紙のリアルなWindows 11デスクトップ画面を生成します。キャラ名や髪色、時計の日時を自由に変更可能です。 ### Full prompt ```text 画面いっぱいに広がるアニメ壁紙の、リアルなWindows 11デスクトップのスクリーンショット。被写体：中央に配置された[竈門禰豆子]の上半身ポートレート。正面を向き、両手を広げて可愛らしい猫足ポーズで鑑賞者に向けて差し出している。顔全体は中央の大きな縦長のモザイク／ぼかしの長方形ブロックで完全に隠されている。髪は流れるような長い[ダークブラウンから黒]で毛先は淡い赤橙色、右側に小さな薄ピンクのリボンをつけている。ピンクの幾何学模様の着物、ピンクの裏地付きの濃い羽織、緑と赤のアクセントが入った市松模様の帯を着用。両手の手のひらには可愛い肉球パッドが付いている。背景：淡いアイスブルーの背景に、Windows 11特有の光沢ある抽象的な青いリボン状のうねりと微細な斜めの光の筋。UI要素：左上に垂直に並んだ3つのデスクトップアイコン（「PC」、「ごみ箱」、「Microsoft Edge」）。画面下部に暗い半透明のWindows 11タスクバーがあり、中央揃えのアプリ一覧、右側のシステムトレイ、時計表示「[10:30 AM]」、日付「[5/20/2024]」が配置されている。スタイル：鮮明で明るく、本物のPC画面を写したような質感。 ```