# プロンプトテンプレートライブラリ: ui-ux-design URL: https://www.gptimagehub.com/ja/library/category/ui-ux-design?page=4 Returned prompts: 60 ## ニューモーフィズム モバイル制御ダッシュボードUI - URL: https://www.gptimagehub.com/ja/library/neumorphic-mobile-control-dashboard-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15647 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fneumorphic-mobile-control-dashboard-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ニューモーフィズム, モバイルui, ダッシュボード, モックアップ, uiデザイン, スマートホーム, アプリアイコン - Updated: 2026-10-27T16:34:43.098Z - Created: 2026-10-27T16:34:43.098Z スマホフレーム内に収まる柔らかなエンボス調のニューモーフィズムUIモックアップを生成します。アクセントカラーや天気、楽曲情報を変更可能です。 ### Full prompt ```text 正面から撮影されたクリーンなニューモーフィズムのモバイルダッシュボードUIモックアップ。[ソフトライトグレー]の背景中央に配置され、繊細なエンボスシャドウと光沢ハイライトを持つ白いラウンドスマートフォンフレームに収められています。インターフェースはミニマルなホワイト・オン・ホワイトデザインで、[ティールグリーン]と[ウォームオレンジ]のアクセントカラーを採用。上部には円形メニューボタン、中央スピーカーとカメラ穴、Wi-Fi・電波・「100%」・バッテリーのステータスアイコンを配置。メイン画面は12個のモジュールで構成：左上に「AM」「[10:24]」「[Friday, May 24]」とページネーションドットを表示するタイムカード；右上に3D半曇りアイコン、「[24°]」、「[Partly Cloudy]」、「[New York]」を表示する天気ウィジェット；グリッド・ハート・ベル・ギアが並ぶ4つの円形ボタン；ドロップアイコンと「[40%]」プログレスバーの細身スライダーカード；左中央に立体シルバーノブ、ティールとオレンジの目盛リング、「VOLUME」バッジ付き大型円形ボリュームダイヤル；右中央に波形アルバムアート、曲名「[Ocean Drive]」、アーティスト「[Miami Nights]」、再生バー「[1:45]」/「[3:48]」を備えた音楽プレイヤー；下部に3つのサブボタン；左下に「[320° NW]」表示のコンパスカード；右下に「+12」「0」「-12」および「60」「250」「1K」「4K」「16K」目盛りのある5バンドイコライザー；最下部ドックに電源・Bluetooth・波形ピル・ナイトモード・輝度調整ボタン。超高精細ベクターUI、リアルな触覚的陰影とエンボス加工、Dribbbleスタイルの洗練されたプレゼンテーション。 ``` --- ## 和風ポートフォリオデザインシステム展示ボード - URL: https://www.gptimagehub.com/ja/library/japanese-portfolio-design-system-presentation-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14933 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-portfolio-design-system-presentation-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui-uxデザイン, デザインシステム, ポートフォリオモックアップ, ウサギマスコット, 和モダン, 3dレンダリング - Updated: 2026-10-27T16:32:23.098Z - Created: 2026-10-27T16:32:23.098Z UIコンポーネントと3Dウサギマスコットを備えた上品な日本のデザインシステムボード。ブランドや文字、マスコットを自由に調整できます。 ### Full prompt ```text {"type":"デザインシステム風ポートフォリオランディングページモックアップ","style":"上質で柔らかな日本のWebデザインボード、温かみのあるニュートラルなエディトリアル美学、角丸UI、ミニマルラグジュアリー、クリーミーなモノトーンパレット、繊細な陰影、整った余白、洗練されたプロダクトデザインプレゼンテーション","brand":{"name":"[HONDA PORTFOLIO]","mascot":"長い耳、小さな点の目、小さな口、滑らかなマット質感を持つ可愛い白い3Dの[ウサギ]キャラクター"},"canvas":{"aspect_ratio":"3:4","background":"ごく淡いウォームグレー"},"palette":{"count":6,"swatches":["#F7F3EF","#E7DDD0","#EAD9CA","#F1C6B4","#A8C0B2","#2E3A44"]},"layout":{"type":"マルチパネルデザインシステムボード","sections":[{"title":"デザインシステム","position":"左カラム","count":11,"labels":["ロゴコンセプト","カラー","タイポグラフィ","グリッド","コンポーネント","ナビゲーション","アイコン","マスコットポーズ一覧","モーション","デザイン原則","ミニカードプレビュー"]},{"title":"ヒーローウェブサイト","position":"中央上","count":8,"labels":["ブランドヘッダー","日本語見出し","サブテキスト行","2つのCTAボタン","デスクに座る大きなウサギ","6つの特徴アイコン列","小さく立つウサギ","木製デスクのシーン"]},{"title":"モバイルプレビュー","position":"右上ナローカラム","count":1,"labels":["同じヒーローページのスマートフォンモックアップ"]},{"title":"実績","position":"中央中段","count":4,"labels":["コーポレートサイト","ブランドLP","UIデザイン","雑誌デザイン"]},{"title":"右サイドバーカード","position":"中段および右下","count":4,"labels":["実績カード","コーポレートサイトカード","思考と記録カード","お問い合わせカード"]},{"title":"プロフィール","position":"中央下段","count":1,"labels":["ラウンジチェアに座るウサギとプロフィールテキストブロック"]},{"title":"サービス","position":"中央下段","count":4,"labels":["Webサイト制作","UI / UX設計","ブランドデザイン","アートディレクション"]},{"title":"制作の流れ","position":"中央最下部","count":5,"labels":["01 ヒアリング","02 提案","03 デザイン","04 実装","05 公開"]},{"title":"フッター","position":"最下部全幅","count":4,"labels":["インテリア写真ストリップ","キーワードピル","ソーシャルアイコン","マグカップを持った大きな座りウサギ"]}],"note":"すべてのパネルが薄い角丸カードとゆったりとした余白で統一されたデザインシステムプレゼンボードとして配置"},"subject":{"main_character":"スタイライズされた3D[ウサギ]マスコット、トイライクなプロポーション、柔らかな彫刻ボディ、オフホワイトの質感","expressions_or_poses":{"count":13,"items":["左側ブランディングカードに直立する全身","ヒーロー画面でデスクに向かい執筆","ヒーロー機能列の横に小さく立つ","プロフィールセクションでアームチェアに座りカップを持つ","プロセス手順1でノートPCを使用","プロセス手順2でボードを提示","プロセス手順3でデスク作業","プロセス手順4でノートPCを操作","プロセス手順5でノートPCに向かう","アイコン列の小さな全身ポーズ1","アイコン列の小さな全身ポーズ2","アイコン列の小さな全身ポーズ3","右下でマグカップを持つ大きな座りウサギ"]}},"scene_details":{"hero_scene":"窓辺の陽だまりにある木製デスク、開いたノート、羽根ペン、小さなインク瓶、右から入る柔らかな観葉植物の葉、穏やかな朝の光","cards":"ポートフォリオサムネイル（デスク上のノートPC、上品なファッション/エディトリアル小冊子、スマートフォンUIモックアップ、ウサギ柄のシリアル雑誌表紙）"},"typography":{"headline":"[つくることを、静かに研ぎ澄ます。]","body_language":"[Japanese]","font_mood":"見出し用の洗練されたモダン明朝体と、クリーンなサンセリフUIテキストの組み合わせ"},"ui":{"components_count":9,"components":["プライマリ角丸ボタン（ダークスレート）","セカンダリ角丸ボタン（ライトアウトライン）","タグピル","ナビゲーションバー","角丸アイコンボタン","コンテンツカード","スマートフォンフレーム","ページネーションドット","ソーシャルアイコン"]},"materials":{"surfaces":["マットプラスチックのウサギ","ライトウォールナット材","クリーム紙","柔らかな布張りチェア","ガラスとセラミックのアクセント"]},"lighting":"柔らかく拡散した自然光、穏やかなハイライト、最小限のコントラスト、温かみのあるベージュの反射","camera":"正面からのボード全体ビュー、わずかに俯瞰、鮮明なエディトリアルプロダクトショット","quality":"洗練されたプレゼンテーション、寸分の狂いもない整列、UIモックアップと融合したリアルな3Dレンダリング","customization":{"accent color":"[warm beige and slate blue]","mascot animal":"[rabbit]","language":"[Japanese]"}} ``` --- ## 中国風万年暦・黄暦アプリUI - URL: https://www.gptimagehub.com/ja/library/chinese-almanac-calendar-app-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15657 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchinese-almanac-calendar-app-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: カレンダー, 黄暦, モバイルui, アプリモックアップ, ミニマリズム, ios画面, タイポグラフィ - Updated: 2026-10-27T16:27:28.098Z - Created: 2026-10-27T16:27:28.098Z 洗練された東アジア美学を取り入れたiOSカレンダー兼黄暦アプリ画面を生成。月、年、選択日付の括弧内を書き換えてカスタマイズ可能。 ### Full prompt ```text 中国の万年暦および伝統的な黄暦アプリのための、クリーンで洗練されたiPhoneアプリUIモックアップ。わずかな和紙調の質感を伴うソフトな温かみのある白背景にフルスクリーンのモバイルスクリーンショットとして表示され、洗練された東アジアのエディトリアル美学を備えている。タイポグラフィは明朝体とゴシック体を組み合わせ、くすんだブラウン、グレー、ブラック、ペールブルー、グリーン、ゴールドのアクセントを採用。上部のiOSステータスバーには8:45、電波、Wi-Fi、バッテリー96が表示。その下に「[4月]」とサブテキスト「24日 | 每日万年历」、右側にカレンダーアイコンとプラス記号の付いた角丸長方形ボタン「择日」を配置。メインの「[2026]」年月間グリッドには「周日」「周一」「周二」「周三」「周四」「周五」「周六」の7列。前後の月を含む全42マスの6行構成：1行目(29, 30, 31, 1, 2, 3, 4)、2行目(5, 6, 7, 8, 9, 10, 11)、3行目(12, 13, 14, 15, 16, 17, 18)、4行目(19, 20, 21, 22, 23, 24, 25)、5行目(26, 27, 28, 29, 30, 1, 2)、6行目(3, 4, 5, 6, 7, 8, 9)。各日付には西暦と小さな旧暦の日付を併記。4日に「休十七」、5日に「清明节」、6日に「休十九」、20日に緑色の「谷雨」、翌月1日に「劳动节」、翌月2日に「休十六」、6行目3日に「休十七」、4日に「青年节」、5日に「休立夏」、9日にオレンジ色の「天后诞」のタグを表示。金曜日の選択された日付「[24]」は柔らかな影を伴う青いグラデーションタイルで強調され、内部に「初八」と表記。カレンダー下部には大きな「4月24日」、「星期五 2026」「农历三月初八」、「第114天 · 第17周 金尊月」「丙午 · 马年 壬辰月 戊辰日」、右端に「今日」ボタン。その下の白いカードには緑の「宜」セクション（「喜神 东南 福神 正北 财神 正北」、「祭祀」「修饰垣墙」「余事勿取」）と赤の「忌」セクション（「冲煞 冲狗 煞南」）を表示。最下部に「今日」（アクティブ・「4月24日」表示）、「MONTH」、「YEAR」、「EVENTS」、「MORE」のタブバー。整然としたタイポグラフィ、極上のモバイルUIプロダクトショット。 ``` --- ## AI画像生成コラージュ合成エラー画面 - URL: https://www.gptimagehub.com/ja/library/ai-image-generator-collage-error-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26787 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-image-generator-collage-error-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: モバイルui, スクリーンショット, ダークモード, チャット画面, コラージュエラー, タピオカ, インフルエンサー - Updated: 2026-10-27T16:20:48.098Z - Created: 2026-10-27T16:20:48.098Z 独立した4枚の指示に対し2x2の1枚コラージュを出力してしまうダークモードUI画面。UIテキストや写真の内容を自由に変更できます。 ### Full prompt ```text AI画像生成インターフェースを示すダークモードのモバイルチャット画面のスクリーンショット。背景は黒、スマートフォンのUI風にトリミング。上部中央にダークグレーの角丸メッセージバブルがあり、白い中国語プロンプト「[生成4张独立的图片]」の下に太い赤の下線が引かれ、その下に小さなグレーのテキスト「[收起 ^]」が配置されている。その下左側に、小さなグレーのステータス表示「[已停止思考 ›]」がある。ステータスの下には、細い白の格子線で区切られた4枚の写真による2x2コラージュを含む角丸画像パネルが1つ表示されている。各タイルには同じ色白の若い女性が描かれ、茶色のお団子ツインテールにヘアアクセサリー、ピンクのノースリーブクロップトップと白いプリーツスカート姿で、ドリンクショップで明るくインフルエンサー風にポーズをとっている。左上：ストロー付きの赤いアイスドリンク、右上：ネオン照明下の琥珀色タピオカドリンク、左下：両手で持つオレンジのドリンク、右下：冷蔵ショーケース前の淡いピンクのドリンク。写真スタイルは光沢感があり鮮やかで露出高め。コラージュ画像の右下には下向き矢印の円形ダウンロードボタン。画面下部にはダークグレーの角丸入力バーがあり、左にプラスアイコン、プレースホルダー「[有问题，尽管问]」、モード選択「[极速⌄]」、マイクアイコン、右端に白い円形の音声波形ボタンが並ぶ。 ``` --- ## 感情表現カラーグリッド UI - URL: https://www.gptimagehub.com/ja/library/emotional-states-color-grid-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25161 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Femotional-states-color-grid-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 感情グリッド, uiレイアウト, キャラクター設定, 表情差分, カラーグラデーション, ムードボード - Updated: 2026-10-27T16:13:13.098Z - Created: 2026-10-27T16:13:13.098Z 統一感のあるUIカードスタイルで、色彩のグラデーションとポーズによる多彩な感情を描き出します。感情タグや背景色、表情を自由に変更して活用できます。 ### Full prompt ```text パネル間に細い白の隙間があり、全体の構成を控えめな白い枠線で囲んだグリッドレイアウト。各タイルにわずかな角丸を施した、クリーンでモダンなUIデザインの美学。 パネル1: [喜び（イエロー）]。温かみのある黄色のグラデーション背景。両腕を頭上に掲げ、目を閉じて口を大きく開けて笑う、エネルギッシュなポーズ。 パネル2: [ショック（ブルー）]。クールな青のグラデーション背景。両手で頬を押さえ、目を見開き、口をあんぐりと開け、眉を高く上げた表情。 パネル3: [厳格（レッド）]。無地の赤背景。腕組みをし、眉間にしわを寄せ、唇を固く結んだダークカラーのパーカー姿。 パネル4: 愛情（ピンク）。柔らかなピンクのグラデーション背景。居心地の良さそうなニットセーターを着て、穏やかな笑みを浮かべながら小さな茶色い子犬を抱きかかえる姿。 パネル5: 自信（パープル）。紫のグラデーション背景。片手を腰に当て、かすかな薄笑いを浮かべ、グラフィックTシャツを着たリラックスした堂々たる立ち姿。 パネル6: 賛同（グリーン）。緑のグラデーション背景。ベースボールキャップとデニムジャケットを着用し、親指を立てたサムズアップと落ち着いた笑顔。 パネル7: 憂鬱（グレー）。落ち着いたグレーのグラデーション背景。視線をやや伏せ、眉の内側をわずかに引き上げ、口角を少し下げた表情。 ``` --- ## 対称型SF HUDレティクルオーバーレイ - URL: https://www.gptimagehub.com/ja/library/symmetrical-sci-fi-hud-reticle-overlay - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18393 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsymmetrical-sci-fi-hud-reticle-overlay - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: hud, sf, レティクル, 照準, オーバーレイ, ゲームui, ベクター素材 - Updated: 2026-10-27T16:03:33.098Z - Created: 2026-10-27T16:03:33.098Z クリーンなSF向けHUDアセットとして設計された発光シアンのハイテク照準レティクルです。発光色や背景色を変更してゲームUIや映像演出に活用できます。 ### Full prompt ```text {"type":"未来的なSF風HUDインターフェースのエフェクトアセット","format":"純粋な黒背景上のワイド16:9グラフィック","style":"ミニマルなハイテクベクターUI、鮮明な[エレクトリックシアンブルー]のネオングロー、繊細な発光ストローク、対称的なターゲティングオーバーレイ、コックピットスキャナーの美学、文字なし、ロゴなし、キャラクターなし","color_palette":{"primary":"[エレクトリックシアンブルー]","background":"[漆黒]","line_weight":"柔らかなブルームを帯びた極細のテクニカルライン"},"composition":{"overall":"中央に配置された水平対称のヘッドアップディスプレイレティクル、中央に大きな円形ターゲット、周囲に装飾的なインターフェースブラケット","canvas":"[16:9 ワイドスクリーン]","central_elements":{"count":10,"items":["分割円弧で構成された1つの大きな外側円環","1つの明るい内側円環","内側リングを取り囲む点線のマイクロ目盛り円形スケール","1つの細い最内環","水平線と垂直線による1つの中央照準クロスヘア","クロスヘア周囲の4つの小さなコーナーフォーカスブラケット","円の上下左右にある4つの基本方位の三角形ポインター","東西南北の4つの短い高輝度ラジアルバー","円に沿った複数の微細なキャリブレーション目盛り","モーショングラフィックス用の小さな途切れた外側軌道円弧"]},"side_elements":{"count":6,"items":["左側のコネクタラインHUDウィジェット3つ（上・中・下）","右側のコネクタラインHUDウィジェット3つ（上・中・下）"],"details":"左右対称に配置された、角度付き回路風ライン、小さなドット、プラス記号、短いルーラーバー"},"edge_elements":{"count":8,"items":["四隅のそれぞれにある4つの発光コーナードラケット","最左右端にある2つの垂直ルーラースケール","上下の端近くに配置された2つの水平ルーラースケール","左右端付近の小さな三角形のサイドマーカー"]}},"lighting":"すべてのライン周囲のソフトなネオンブルーム、くっきりとした暗いネガティブスペース、ハイコントラスト","rendering":"2DベクターVFXアセット、シャープで精密な幾何学形状、アンチエイリアス処理、オーバーレイ対応","negative_prompt":"テキスト、文字、数字、意味を持つ記号、乱雑な背景、写実的なオブジェクト、人物"} ``` --- ## ドット絵盆栽育成ゲームのモバイルUI - URL: https://www.gptimagehub.com/ja/library/pixel-art-bonsai-simulator-mobile-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17433 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpixel-art-bonsai-simulator-mobile-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ドット絵, モバイルゲームui, 盆栽シミュレーター, ゲーム素材, レトロゲーム, 癒し系ゲーム - Updated: 2026-10-27T16:00:58.098Z - Created: 2026-10-27T16:00:58.098Z 心温まる和風盆栽育成シミュレーターの緻密な2Dドット絵スマホUIを生成します。植物の種類や背景、UIラベルを変更して独自のレトロゲームを制作できます。 ### Full prompt ```text {"type":"ドット絵モバイルゲームUIモックアップ","theme":"心温まる和風盆栽育成シミュレーター","style":{"rendering":"緻密な2Dドット絵、鮮明なレトロスプライト、温かみのある室内照明、柔らかな大気の屋外背景","aspect_ratio":"9:16縦向き","camera":"中央の盆栽を正面から捉えた伝統的な和室インテリアの視点"},"subject":{"main_object":"長方形の[濃紺の陶器鉢]に植えられた盆栽","bonsai":{"species_look":"[丸みを帯びた段状の葉を持つ松風の盆栽]","trunk":"[露出した根を持つ太く曲がった茶色の幹]","placement":"[低いダークウッドの花台]の上","soil":"[2つの小さな飾り石]が置かれた苔むした緑の土表面"}},"environment":{"setting":"庭を望む開け放たれた障子のある伝統的な和室（畳敷き）","background_elements":["木製の梁と障子の桟","左側に吊るされた提灯","遠くの霞んだ青い山々","庭の石灯籠","右側に咲くピンクの桜の木","穏やかな雲が浮かぶ柔らかな青空"],"mood":"穏やかで瞑想的、手作りの温もり"},"ui":{"top_bar":{"elements":["左上の小さな盆栽アイコンボタン","「Lv.12」を表示するレベルバッジ","「2,450」を表示するコインカウンター","「120」を表示する青いジェムカウンター","「35」を表示する桜の花びらカウンター"],"top_right":"3本線のメニューハンバーガーボタン"},"status_panel":{"position":"トップバー下の左上","rows":[{"label":"健康度","icon":"緑の葉","filled":5,"total":8},{"label":"水分","icon":"青い水滴","filled":5,"total":8},{"label":"美しさ","icon":"金色の光る花","filled":4,"total":8}]},"action_buttons":{"position":"右側の縦並びスタック","buttons":[{"label":"水やり","icon":"じょうろ"},{"label":"剪定","icon":"剪定ばさみ"},{"label":"日光","icon":"太陽"},{"label":"肥料","icon":"肥料瓶"},{"label":"道具","icon":"園芸ポットまたは道具"}]},"info_panel":{"position":"ボトムナビゲーションの上の下部中央","sections":[{"label":"Day 12 / 春","subitems":["花アイコン","砂時計アイコン","テキスト「次の成長まで」","カウントダウン「02:14:32」"]},{"label":"成長記録","subitems":["小さな盆栽サムネイル","テキスト「+2cm」","上昇する棒グラフ"]}]},"bottom_navigation":{"position":"最下行","tabs":["ホーム","図鑑","ショップ","実績","設定"],"active_tab":"ホーム"}},"composition":"判読しやすいドット絵UIパネルで中央の盆栽が綺麗に縁取られた、完成版モバイルシミュレーション風スクリーンショット","color_palette":{"dominant":["温かみのある木目調ブラウン","畳ベージュ","苔グリーン","スカイブルー","桜ピンク","落ち着いたゴールド"]}} ``` --- ## YouTubeライブ配信イベントUIモックアップ - URL: https://www.gptimagehub.com/ja/library/youtube-live-stream-event-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13767 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fyoutube-live-stream-event-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: youtube, ライブ配信, ダークモード, uiモックアップ, 基調講演, ウェブデザイン - Updated: 2026-10-27T15:54:48.098Z - Created: 2026-10-27T15:54:48.098Z テック系基調講演のYouTubeダークモードデスクトップ配信画面を生成します。登壇者、スライド内容、チャンネル情報を変更して独自の配信を表現できます。 ### Full prompt ```text { "type": "YouTubeライブ配信UIモックアップ", "theme": "ダークモード", "layout": { "top_bar": { "components": [ "ハンバーガーメニュー", "YouTubeロゴ", "検索バー", "マイクアイコン", "作成アイコン", "通知アイコン", "プロフィールアバター" ] }, "video_player": { "status": "左上に「ライブ」バッジ", "left_side": "木製演台の前に立ち、身振り手振りを交えて話す[緑のセーターを着た男性]、演台にはスパイラルロゴとノートPC。", "right_side_presentation": { "text_elements": [ "OpenAI", "INTRODUCING", "[GPT-Image-2]", "[More Realistic. More Useful. More Creative.]" ], "image_gallery": { "count": 4, "panels": [ "ボートが浮かぶ山間の湖", "木漏れ日を浴びる女性のクローズアップポートレート", "暗い森でランタンを持つ可愛いロボット", "夜の輝く街頭を描いた印象派風の絵画" ] } }, "bottom_controls": { "components": [ "再生/一時停止", "次へ", "音量", "LIVE表示", "赤いシークバー", "字幕", "設定ギア", "ミニプレーヤー", "シアターモード", "全画面" ] } }, "video_info": { "title": "[OpenAI Live: Introducing GPT-Image-2]", "channel_section": { "name": "[OpenAI]", "badge": "認証済みチェックマーク", "subscribers": "チャンネル登録者数 136万人", "button": "チャンネル登録（白ピルボタン）" }, "action_buttons": { "count": 5, "labels": [ "高評価 (1.2万)", "低評価 (497)", "共有", "保存", "..." ] }, "description_box": { "metadata": "95,237人が視聴中、7分前にライブ配信開始", "hashtags": "#OpenAI #GPTImage2 #AI", "body_text": "最新かつ最も進化した画像生成モデル、GPT-Image-2を発表する特別ライブイベントをお届けします。新機能やデモ、チームからのプレゼンをご覧ください...もっと見る" } } } } ``` --- ## ミニマルなゲームロビーUI画面 - URL: https://www.gptimagehub.com/ja/library/minimalist-game-lobby-ui-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16481 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-game-lobby-ui-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ビデオゲーム, uiデザイン, メニュー画面, ミニマルui, ゲーム素材, 画面レイアウト - Updated: 2026-10-27T15:53:08.098Z - Created: 2026-10-27T15:53:08.098Z 白背景に映えるクリーンでミニマルなゲーム開始メニューUIを生成します。画面の種類やメニュー項目を変更してカスタマイズできます。 ### Full prompt ```text 「Start New Game」「Continue」「Settings」などのメニューオプションが表示された、ビデオゲームロビーの[starting screen]のUIスクリーンショット。ミニマリストなUIデザイン、洗練されたクリーンなグラフィック要素、明瞭な白の無地背景。 ``` --- ## 日本語コミュニケーション設定UI画面 - URL: https://www.gptimagehub.com/ja/library/japanese-communication-persona-settings-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28036 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-communication-persona-settings-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, saas画面, 日本語ui, 設定画面, アコーディオンui, webアプリ, オンボーディング - Updated: 2026-10-27T15:53:03.098Z - Created: 2026-10-27T15:53:03.098Z コミュニケーションのトーンや相手関係を調整する日本語SaaSオンボーディング画面を生成します。アコーディオンや配色を調整して活用できます。 ### Full prompt ```text 選択したコミュニケーションの人格や関係性タイプを微調整する、洗練された日本語Webアプリのオンボーディング／設定画面（ステップ2）。16:9デスクトップUIスクリーンショット、白から淡いグレーの背景、約720px幅の中央配置されたコンテンツカラム、ゆったりとした余白、柔らかなシャドウ、角丸カード、ミニマルなSaaS UIデザイン。 ヘッダー：上部中央に「2」が入った小さな円形バッジとラベル「相手タイプの微調整」。その下に太字の日本語見出し「選んだ人格を、あなたらしく整えましょう」。見出しの下に小さめのグレーのサブタイトル「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」 メインレイアウト：細いライトグレーの枠線と角丸の、垂直に並んだ正確に4枚のアコーディオンカード。各カードには左側に線画アイコン、太字の日本語タイトル、小さめのグレーの説明文、右側に山形矢印アイコン： 1) 閉じたカード：人物アイコン、タイトル「友だち・家族」、説明「気心の知れた相手とのカジュアルなやり取り」、下向き矢印。 2) 閉じたカード：ビルアイコン、タイトル「社内（メンバー）」、説明「チームメンバーや同僚とのやり取り」、下向き矢印。 3) 展開中のアクティブカード：[鮮やかなブルー]で強調されたユーザーアイコン、タイトル「社内（上司・別チーム）」、説明「上司や他部署のメンバーとのやり取り」、上向き矢印。 4) 閉じたカード：ブリーフケースアイコン、タイトル「社外・取引先」、説明「取引先やビジネスパートナーとのやり取り」、下向き矢印。 展開カードの詳細：3枚目のカード内に、左側に日本語ラベル、右側にセグメントピル切り替えコントロールが並ぶ正確に6行の設定項目： - 1行目：「敬体」選択肢：「タメ口」、「砕けた敬語」、アクティブな[鮮やかなブルー]の「丁寧敬語」、「ビジネス敬語」。 - 2行目：「相手の呼び方」選択肢：アクティブな[鮮やかなブルー]の「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。 - 3行目：「絵文字」選択肢：「なし」、アクティブな[鮮やかなブルー]の「たまに」、「よく」、「相手に合わせる」。 - 4行目：「！？の量」選択肢：「使わない」、アクティブな[鮮やかなブルー]の「たまに」、「よく」、「相手に合わせる」。 - 5行目：「書き出し＆締め」選択肢：「なし」、「定型」、アクティブな[鮮やかなブルー]の「名乗る」、「相手に合わせる」。 - 6行目：「よく使う絵文字の手札」9個の小さな正方形絵文字ボタンとプラス記号：選択中の笑顔絵文字、親指アップ、キラキラ、汗のしずく、ハート2つ、目、両手を上げる、クラッカー、考え込む顔、そして「+」。 フッター：アコーディオン群の下に、中央配置された丸みのある[鮮やかなブルー]グラデーションのプライマリーボタン、白文字で「これで作る」。 スタイル：モダンでクリアな日本のプロダクトUI、ダークネイビーのタイポグラフィ、控えめなカードシャドウ、すっきりとした余白、ブラウザ枠なし、透かしなし、すべてのUIテキストは完全な日本語で表記。 ``` --- ## 日本語ウェブバナー広告グリッド - URL: https://www.gptimagehub.com/ja/library/japanese-web-ad-banner-grid - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13534 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-web-ad-banner-grid - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ウェブバナー, 広告デザイン, タイポグラフィ, グラフィックデザイン, マーケティング, グリッドレイアウト, バナー制作 - Updated: 2026-10-27T15:44:03.098Z - Created: 2026-10-27T15:44:03.098Z 4つの異なる業界向けWebバナーを2x2のグリッドで生成します。業種、日本語コピー、ビジュアル、CTAテキストを自由に変更可能です。 ### Full prompt ```text { "type": "日本のウェブバナー広告 2x2 グリッド", "layout": "4つの等しい正方形パネル", "panels": [ { "position": "左上", "industry": "飲料", "product": "『CLEAR ZERO』という名前の透明なノンアルコール缶飲料", "visuals": "飛び散る水滴、爽やかな水色の背景、超清涼感のあるビジュアル", "headline": "[今日を、リセット。]", "badges_count": 3, "badges_labels": ["カロリー 0", "糖質 0", "プリン体 0"] }, { "position": "右上", "industry": "食材宅配・ミールキット", "product": "皿に盛られた肉野菜炒め", "visuals": "温かみのある照明、木製テーブル、食欲をそそる雰囲気", "headline": "[献立に、悩まない。]", "feature_icons_count": 3, "feature_icons_labels": ["時短 10分", "管理栄養士監修", "送料無料"], "cta_button": "今すぐはじめる ->" }, { "position": "左下", "industry": "コスメ・スキンケア", "product": "『LUMIÈRE』という美容液ガラスボトル", "visuals": "目を閉じて輝く肌の日本人女性、プリズムの光彩エフェクト、柔らかい淡いパープルの背景", "headline": "[肌が、目覚める。]", "badges_count": 3, "badges_labels": ["無添加", "日本製", "敏感肌対応"] }, { "position": "右下", "industry": "フィットネスジム", "product": "パーソナルジム『MOVE』", "visuals": "トレッドミルで走るスポーティな女性、シックでダークなジム空間、ダイナミックな雰囲気", "headline": "[私を、アップデートする場所。]", "pricing": "月額 [6,980] 円~", "feature_hexagons_count": 3, "feature_hexagons_labels": ["24時間営業", "全国120店舗以上", "充実のサポート"], "cta_button": "無料体験を予約する ->" } ] } ``` --- ## 沖縄サマー旅行代理店ウェブバナー - URL: https://www.gptimagehub.com/ja/library/okinawa-summer-travel-agency-web-banner - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15719 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fokinawa-summer-travel-agency-web-banner - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ウェブバナー, 沖縄, 旅行広告, 日本語タイポグラフィ, サマーキャンペーン, 観光マーケティング - Updated: 2026-10-27T15:43:28.098Z - Created: 2026-10-27T15:43:28.098Z トロピカルビーチの風景、魅力的な日本語タイポグラフィ、特徴カードを含む本格的な沖縄旅行Webバナーを生成します。角括弧内の文字を変更してカスタマイズできます。 ### Full prompt ```text 明るく商業的なグラフィックデザインスタイルの、沖縄向け日本の旅行代理店による夏のバナー広告。横長のワイドレイアウト。 背景と構図: エメラルドグリーンの透き通る海、白い砂浜、遠くに見える小さな緑の島、青空と白い入道雲、そして右上に垂れ下がるヤシの葉が描かれた鮮やかなトロピカルビーチ。右前景には石垣の上に座る伝統的な沖縄のシーサー像があり、赤いハイビスカスと豊かな熱帯植物に囲まれています。波打ち際近くには小さなグラスボートが浮かび、水面上にはシンプルな魚の線画アイコンが2匹あしらわれています。 タイポグラフィとバッジ: 左上には放射状の光と波模様、ハイビスカスが飾られたクリーム色の丸型サマーバッジがあり、「この夏は 沖縄で 最高の思い出を!」の文字が入っています。 中央左寄りに、美しいブルーグラデーションと白のソフトな縁取りが施された特大の毛筆風日本語見出し「[夏の沖縄]」を配置。その上には手書き風の青いキャッチコピー「[青い海、青い空、心ほどける島時間。]」と軽やかなアンダーライン。見出しの直下には小さめの日本語サブコピー「[感動の景色と、あたたかいおもてなしに出会う旅へ。]」を配置。左側にピンクのハイビスカスと繊細な波のあしらいを添えています。 特徴カードとステッカー: 中央下部には、ビーチの上に重なるように角丸の白い特徴カードが3枚並んでいます： 1. ウミガメが泳ぐ丸い写真、「美しい自然を満喫」のタイトルと透明な海に関する説明テキスト。 2. 沖縄そばの丸い写真、「沖縄グルメを堪能」のタイトルと「沖縄そば」「ゴーヤチャンプルー」に言及したテキスト。 3. 首里城の丸い写真、「観光スポットも充実」のタイトルと「美ら海水族館」「首里城」に言及したテキスト。 周囲には小さな貝殻やヒトデ、サンゴのあしらい。カードの右側には少し傾いた淡いブルーとクリーム色の丸型プロモーションシールがあり、黄色いタブに「早めの予約がおトク!」、本体に「夏の沖縄ツアー 好評受付中!」、脇に白いプルメリアを配置。 フッターバー: 最下部全体にダークネイビーのフッターバー。左側に白いロゴマークと社名「[〇〇旅行株式会社]」およびタグライン。中央に3つの丸型線画アイコン（ツアー日程のカレンダー、サポート窓口、快適な旅のスーツケース）と短い日本語ラベル。右側に「詳しくはこちらから」のCTAボタンと、「[〇〇旅行　沖縄]」と虫眼鏡アイコンが入った検索窓。 ``` --- ## 中国文学プレゼンテーション表紙スライド - URL: https://www.gptimagehub.com/ja/library/chinese-literary-presentation-cover-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-33246 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchinese-literary-presentation-cover-slide - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンテーション, スライド, 中国文学, タイポグラフィ, ミニマリズム, 静物, エディトリアル - Updated: 2026-10-27T15:41:23.098Z - Created: 2026-10-27T15:41:23.098Z 宋代の美意識を取り入れた格調高い中国語タイポグラフィと梅・書道の静物を組み合わせたスライド。括弧内のタイトルを変えて別トピックに転用可能です。 ### Full prompt ```text 宋代の詩的な情緒と現代のエディトリアルデザインを融合させた、[李清照对当代女性的启示]をテーマとする洗練された中国文学プレゼンテーション表紙スライド（16:9横型レイアウト）。 背景と構図：繊細な和紙の風合いと淡い水墨の滲み、柔らかな植物の影が落ちるオフホワイトの背景。右側3分の1は淡いセージグリーンの垂直パネル。ゆったりとした余白と端正なマージン。 左セクション（タイポグラフィと情報）： - 見出し（左上）：深緑色の中国語明朝体（セリフ体）による2行「[李清照对当代]」「[女性的启示]」。見出しの下に細い落ち着いた赤のアクセントライン。 - サブタイトル：赤ラインの下に小さな黒の明朝体で「[从文学人生，看见女性如何表达自我、选择人生、抵抗困境。]」。 - フィーチャー列（中央左）：細い垂直の仕切り線で区切られた3つのミニマルな円形アイコンカード：1) くすんだローズ色の円に白い葉のアイコンと「以文学\n确立自我」、2) ウォームベージュの円に白い天秤アイコンと「在时代与命运之间\n保持判断」、3) グレイッシュな青緑の円に白い人物シルエットアイコンと「不被单一\n身份定义」。 - キーワード行（左下）：深緑のドットに続く「表达自我 | 保持独立 | 承受变化」。 右セクション（静物写真）： - 端がわずかに丸まったアンティークな象牙色の箋紙に、薄墨で縦書きされた漢詩の書道文字。セージグリーンの背景に斜めに配置。 - 箋紙の上に右下向きに斜めに置かれた黒と茶の伝統的な毛筆。 - 淡いピンクがかった白の梅の花が咲く2本の枝：1本は右上隅を横切り、もう1本の小さな枝が中央を伸びて柔らかな影を落とす。 スタイルとライティング：美術館図録のようなミニマリズム、静謐な文人趣味、左上からの自然な柔らかい光。象牙色、セージグリーン、深緑、くすみローズ、ベージュ、墨色による落ち着いた配色。リアルな静物写真と清潔なタイポグラフィの融合。 ``` --- ## アイソメトリック オフィスワーカー素材シート - URL: https://www.gptimagehub.com/ja/library/isometric-office-worker-vector-asset-sheet - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19579 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fisometric-office-worker-vector-asset-sheet - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: illustration - Tags: アイソメトリック, ベクター素材, オフィスワーカー, ビジネスイラスト, アセットシート, フラット3d - Updated: 2026-10-27T15:40:18.098Z - Created: 2026-10-27T15:40:18.098Z 白背景に28種類の男女オフィスワーカーのポーズを並べたベクター素材シートを生成。JSON内の服装や配色、ポーズを自在に変更できます。 ### Full prompt ```text {"type":"アイソメトリックベクターイラスト アセットシート","subject":"学術論文、プレゼンテーション、ビジネス図解向けの洗練されたオフィスワーカーキャラクター素材集","style":"ミニマルでフラットな3Dアイソメトリックベクタースタイル、柔らかな影、シンプルな顔のパーツ、白背景、落ち着いたコーポレートカラー、一貫したスケール、テキストラベルなし、枠線なし、透かしなし","characters":{"count":28,"gender mix":"女性オフィスワーカーポーズ14種、男性オフィスワーカーポーズ14種","female outfit":"[白のブラウス、ネイビーのペンシルスカート、黒のヒール]","male outfit":"[ライトグレーのドレスシャツ、ネイビーのネクタイ、ダークトーンのスラックス、黒の革靴]","hair color":"[ブラウン]","skin tone":"[明るい肌トーン]"},"layout":{"canvas":"無地の白背景の横長16:9シート","arrangement":"ゆったりとした間隔を空けた4行7列の配置、各キャラクターや小さなオフィスビネットは繊細なグレーの楕円形の影で独立","total discrete elements":28,"row 1":{"count":7,"items":["立ってクリップボードまたはタブレットを読む女性","自立型ホワイトボードの前で指示棒を持ちプレゼンする女性","テイクアウトコーヒーを持って歩く女性","開いたノートPCを持って立つ女性","電話で話しながら立つ女性","クリップボードを読みながら立つ女性","小さな観葉植物が置かれたデスクに座りノートPCを操作する女性"]},"row 2":{"count":7,"items":["片手を顔に当てて考えるポーズで立つ女性","書類やフォルダーを抱えて歩く女性","胸元にタブレットを抱えて立つ女性","植物が置かれたオフィスデスクでノートPCを操作する女性","ショルダーバッグを肩にかけて歩く女性","電話で通話しながら書類を持って歩く女性","ラウンジチェアに座り開いたノートPCを読む女性"]},"row 3":{"count":7,"items":["ブリーフケースを持って立つ男性","書類を読みながら歩く男性","ショルダーバッグを持って歩く男性","握手を交わす2人の男性ワーカーのビネット","書類の束を抱えて走る男性","バインダーや箱、植物が置かれた背の高いオフィス棚に手を伸ばす男性","立って指を差したりプレゼンの身振りをする男性"]},"row 4":{"count":7,"items":["書類が置かれたデスクに寄りかかる男性","小さな観葉植物のあるデスクに座りノートPCを操作する男性","ラウンジチェアに座り会話しながら身振り手振りをする男性","ラウンジチェアに座りクリップボードまたはタブレットを持つ男性","電話をしながら立つ男性","ブリーフケースを持って歩く男性","片手をポケットに入れて自然体に立つ男性"]}},"props":{"count":13,"items":["クリップボードまたはタブレット","ホワイトボード","コーヒーカップ","ノートPC","電話","デスク","オフィスチェア","観葉植物","ショルダーバッグ","ブリーフケース","書類の束","ラウンジチェア","バインダーや箱が載ったオフィスシェルフ"]},"rendering instructions":"プレゼンや図解のパーツとして個別に切り出して使えるよう、すべてのフィギュアがきれいに分離された高品質なストックイラストアセットを作成。プロポーションを統一し、柔らかな環境光と地面の薄い影を配置、テキストやロゴ、背景風景は排除。カラーパレット: [ネイビーブルー、白、グレー、黒、少量のアクセント用グリーン]."} ``` --- ## 写真から落書き風AIランディングページ - URL: https://www.gptimagehub.com/ja/library/cute-photo-to-doodle-ai-landing-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27822 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcute-photo-to-doodle-ai-landing-page - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, uiデザイン, 落書きアート, aiツール, webデザイン, かわいい - Updated: 2026-10-27T15:35:08.098Z - Created: 2026-10-27T15:35:08.098Z 写真をかわいい手描き風イラストに変換するAIサービスのランディングページUI。ブランド名や見出しテキストを自由に変更できます。 ### Full prompt ```text 写真をかわいい手描き風落書きイラストに変換するAIウェブサービスの、キュートな中国語ランディングページUI/UXモックアップ。ブランド名「[涂鸦工坊]」、黒いピル型ラベル「[GPT Image 2]」。温かみのあるオフホワイトの紙質感背景、柔らかな影、パステルパープル・ピンク・イエロー・スカイブルーのアクセント。ハート、星、マスキングテープ、色鉛筆、観葉植物などの文房具風の落書きデコレーションが散りばめられた16:9レイアウト。 ヘッダー：左上に黒いピルラベル「[GPT Image 2]」、パレットアイコン付きサイトロゴ「[涂鸦工坊]」、サブタイトル「照片变涂鸦，创意每一天」。ナビメニュー6項目：「首页」（紫のピル型アクティブ表示）、「案例展示」、「使用教程」、「价格方案」、「常见问题」、「会员中心」。右端に紫の枠線ボタン「登录/注册」。 ヒーローセクション： - 左側：手描き筆文字風の大見出し「[把照片变成 可爱涂鸦]」（「可爱」は黄色、「涂鸦」はピンク）、下線とハートの落書き装飾。サブ見出し「上传你的照片，AI 一键生成可爱涂鸦风格图片」。その下に3つの機能チップ：1) 紫アイコン「智能识别主体 / 精准识别人像与宠物」、2) ピンクアイコン「多种涂鸦风格 / 手绘风格任你选择」、3) 青アイコン「高清下载保存 / 高清画质一键保存」。 - 中央右：角丸白のアップロードカード。点線のドロップゾーン、紫のクラウドアイコン、説明文「拖拽图片到这里 或点击下方按钮上传」「支持 JPG、PNG 格式，大小不超过 20MB」、枠線ボタン「上传照片」、紫グラデーションの主CTAボタン「开始生成涂鸦」（キラキラ装飾付き）。 - 右側見本：マスキングテープで貼られたポラロイド風カード2枚。「人物涂鸦效果」（ピンクのハート）のアニメ風美少女落書き、「宠物涂鸦效果」（青のハート）のもふもふ犬の落書き。 ギャラリー：見出し「看看效果有多棒」、紫矢印で結ばれたビフォーアフター比較カード3組：1)「宠物照」子犬、2)「人像照」女性ポートレート、3)「情侣生活照」カップル写真。 手順ガイド：「只需三步，轻松生成」、番号付き3ステップ：1「上传照片」、2「AI 生成」、3「下载结果」。 下部安心バナー：4つの信頼カード：1)「隐私保护」、2)「安全可靠」、3)「高清输出」、4)「手机电脑都能用」。右側にスマイル付き付箋「[记录美好 创意无限]」。 ``` --- ## エルゴノミクスオフィスチェアのモバイルEC商品詳細ページ - URL: https://www.gptimagehub.com/ja/library/ergonomic-office-chair-mobile-detail-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-30563 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fergonomic-office-chair-mobile-detail-page - Category: UI / UX デザイン - Model: gpt-image-2-5-sunburst - Aspect ratio: 9:21 - Style: graphic-design - Tags: ECデザイン, モバイルUI, オフィスチェア, 商品詳細ページ, スペック図解, テクニカル - Updated: 2026-10-27T15:34:38.098Z - Created: 2026-10-27T15:34:38.098Z 製図図面スタイルの解説を含むオフィスチェアのモバイルEC長尺LPを生成。モデル名や各部構造、ブランドカラーを変更可能。 ### Full prompt ```text 人間工学に基づいたオフィスチェアの、縦長でシームレスなモバイルEC商品詳細ページのデザインレイアウト。対象製品は[Axis M3 Ergonomic Chair]のコンセプトモデル。ダークグラファイトグレーのメッシュバック、ブラックフレーム、シルバーグレーの5本脚ベース、ヘッドレスト、アームレスト、座面クッション、ランバーサポートを備え、全アングルで一貫した構造を保持。建築図面の美学とモダンなオフィス空間を融合した縦グリッドシステムを採用し、カラーパレットは[紙白、グラファイトグレー、スチールブルー、繊細なオレンジのアクセント]、クリアなナローサンセリフ体と等幅フォントのスペック表記で構成。 セクション構成： 1. ファーストビュー：3/4アングルの製品全体像とモデル名。 2. マルチアングル：正面、側面、背面、真上からの補助アングル。 3. 人体スケール比較：デスクと着座姿勢でサイズ感を提示。 4. 各部構造ガイド：ヘッドレスト、背もたれ、アームレスト、座面、ランバーサポート、キャスターベースを外形線と引き出し線で図解。 5. 利用シーン：オフィスワーク、読書、リクライニング休憩の日常シナリオ。 6. 寸法・スペック表：製品全体の寸法線、座面昇降幅、耐荷重、素材、調整機能の完全な表記。 7. 同梱品・パッケージ：本体、付属品、組み立て説明書、メンテナンス情報。 ``` --- ## アニメ調コスモス柄クレジットカードモックアップ - URL: https://www.gptimagehub.com/ja/library/anime-cosmos-flower-credit-card-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20408 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanime-cosmos-flower-credit-card-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: クレジットカード, アニメ風, コスモス, モックアップ, UIデザイン, エンボス, 夕焼け - Updated: 2026-10-27T15:29:33.098Z - Created: 2026-10-27T15:29:33.098Z 夕暮れのコスモス畑と立体エンボス文字が特徴のアニメ風プレミアムクレジットカードを生成します。名義人名、番号、タイトルを変更可能。 ### Full prompt ```text コスモスと夕焼けの空をテーマにした、光沢のあるアニメ調のプレミアムクレジットカードデザイン（ブランド名：「[Komari] COSMOS CARD」）。 構図とキャンバス：柔らかなドロップシャドウを伴うクリーンな白背景の上にフラットに配置された、角丸長方形の横型決済カード。ピンク、ラベンダー、ピーチ、ゴールドの幻想的なカラーパレットと柔らかなブルームライティング。 背景と被写体：カードのアートワークはゴールデンアワーのロマンチックなコスモス畑で、舞い散る花びら、繊細な輝き、ボケ光を描く。中央右寄りに、ピンクのリボンサッシュがついた薄白いノースリーブのレースドレスを着た若いアニメ調の女性（腰上アングル、小さなアホ毛のあるダークブラウンのショートボブ）。顔の中心部は落ち着いたモーブ色の不透明な正方形で覆われている。 カードの機能要素（正確に7つの要素）： 1. 左中央にゴールドのEMV金属チップ。 2. 右上に白いタッチ決済シンボル。 3. 中央を横切る大きなエンボス加工のシルバーゴールドカード番号「[1234 5678 9012 3456]」（立体的なベベルと影）。 4. 左下に「CARDHOLDER」のラベルと名義人名「[KOMARI HANASAKI]」。 5. 中央下寄りに有効期限表記「GOOD THRU」「MONTH/YEAR」「[00/00]」。 6. 右下にすっきりとした白いサンセリフ文字と曲線アンダーラインの「LUMINA PAY」発行者ロゴ。 7. 左上にエレガントな筆記体「[Komari]」と繊細な花のマーク、その下に等間隔セリフ大文字の「COSMOS CARD」ロゴ。 仕上げ：リアルな光沢反射、丸みを帯びた角、上品なメタリック質感を備えたコレクション向けプレミアムカード。 ``` --- ## ローファイUIデザイン納品仕様書 - URL: https://www.gptimagehub.com/ja/library/low-fidelity-ui-design-handoff-spec - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18066 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Flow-fidelity-ui-design-handoff-spec - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, ワイヤーフレーム, ローファイ, 納品仕様書, レッドライン注記, uiux - Updated: 2026-10-27T15:24:08.098Z - Created: 2026-10-27T15:24:08.098Z 参照画像から余白、寸法、レイアウト注記を含むローファイUIワイヤーフレーム仕様を生成します。納品要件に合わせて要素や注記を調整可能です。 ### Full prompt ```text 参照画像に基づき、プロフェッショナルなUIデザイン仕様納品用のローファイプロトタイプを生成してください。画像やメディアの代わりに[グレーのブロック]などのカラーブロックや基本コントロールをプレースホルダーとして使用します。デザインハンドオフ基準を満たす簡潔な説明文とともに、余白、コンポーネントのグルーピング、角丸、寸法に関する明確なレッドライン注記を記載してください。 ``` --- ## 離婚法律事務所のLPファーストビュー - URL: https://www.gptimagehub.com/ja/library/japanese-divorce-law-landing-page-hero - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14935 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-divorce-law-landing-page-hero - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, uiデザイン, ファーストビュー, 法律事務所, 日本語タイポグラフィ, lpデザイン - Updated: 2026-10-27T15:21:28.098Z - Created: 2026-10-27T15:21:28.098Z 上品でフェミニンなデザインの離婚法律事務所向けLPヒーローセクションを生成します。括弧内の事務所名や電話番号を自由に書き換えてご利用ください。 ### Full prompt ```text 日本の離婚専門法律事務所向けデスクトップランディングページのヒーローセクション。コンバージョン率を高めるリーガル広告LPデザイン。白を基調にブラッシュピンクのアクセント、薄いグレーの仕切り線、繊細なボタニカルラインアートを施した、柔らかく上品でフェミニンなブランディング。左右2カラム構成： - ヘッダー（上部）：左上に葉の装飾が施された繊細な「D」のモノグラムロゴ、「[法律事務所D]」、小さな英字サブタイトル「LAW OFFICE D」。右上には2つの角丸連絡先ボックス：電話アイコン、「24h」バッジ、短い案内テキスト、大きな電話番号「[0120-456-789]」が並ぶホワイトボックスと、メールアイコン付きの24時間対応を示すピンクの問い合わせボタン。 - 左カラム：明朝体の大きなキャッチコピーが3行で配置：「もう一人で悩まないで。」／ピンク色の「新しい一歩を、」／黒とピンクを交えた「一緒に考えます。」。その下に、離婚の悩みに寄り添い最適な解決を導く旨の短い説明文（一部ピンクのマーカー強調あり）。 - 右カラム：ショートのダークブラウンヘアの30代日本人女性が、柔らかな白いトップスを着て窓際のソファに座り、物思いに耽るように頬杖をついた明るく清潔感のあるライフスタイル写真。プライバシー配慮のため顔部分は長方形のぼかし処理。肩の近くに「女性弁護士多数在籍」「安心相談」と書かれた淡いピンクの円形バッジ。 - 中段の特徴カード：薄い枠線とピンクの線画アイコンが付いた4つの角丸ホワイトカード：1) 吹き出しアイコン「初回相談 60分無料」（オンライン対応記載）、2) 手のひらとハートのアイコン（親権・面会交流対応記載）、3) 円マークとコインのアイコン（明確な費用体系・分割払い対応）、4) 南京錠アイコン（プライバシー厳守・秘密厳守）。 - 下部CTAバー：緩やかなカーブを描くピンクと白のワイドバナー。左側に電話アイコン、365日24時間対応の案内文、大きな「[0120-456-789]」。右側にメールアイコン付きの角丸ピンクメール相談ボタン。最下部には女性専用相談対応、家族・友人からの相談歓迎、全国オンライン対応を示す3つのスリムな実績バッジ。 ``` --- ## パステルトーンのVTuber週間スケジュール表 - URL: https://www.gptimagehub.com/ja/library/pastel-vtuber-weekly-schedule-template - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-6051 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpastel-vtuber-weekly-schedule-template - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: vtuber, スケジュール, テンプレート, パステル, ベクター, 配信素材, ui - Updated: 2026-10-27T15:07:53.098Z - Created: 2026-10-27T15:07:53.098Z VTuberの立ち絵合成に適した清潔感のあるパステル調の週間スケジュール表を生成します。配色や装飾モチーフを変更してアレンジ可能です。 ### Full prompt ```text 配信者・VTuber向けのフラットなベクタースタイルの週間スケジュールテンプレート画像。[ペールピンク、ミントグリーン、淡いラベンダー]の可愛いパステルトーンでまとめられた、清潔感のある印刷物風のデザイン。レイアウト：画面左側60%に丸ゴシック体の「Weekly Schedule」ヘッダータイトルと、1週間の予定欄（7行）を配置。各行は曜日の日本語略称（「月」「火」「水」「木」「金」「土」「日」）が入った小さな丸型パステルバッジと、完全に空の横長角丸長方形ボックスで構成。画面右側40%はキャラクター立ち絵合成用の余白スペースとし、淡いパステルグラデーションに極小の星やハート、ドットの控えめな装飾のみを配置。制約事項：人物・シルエット・マスコットの描画なし、記入枠内にサンプルテキストなし、ロゴなし、周囲に十分なマージンを確保。 ``` --- ## ダークモード キャラクター評価ダッシュボード - URL: https://www.gptimagehub.com/ja/library/dark-mode-character-evaluation-dashboard - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-31233 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-character-evaluation-dashboard - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ダッシュボード, uiデザイン, ダークモード, キャラクターシート, 日本語, インフォグラフィック, 比較検証 - Updated: 2026-10-27T15:05:13.098Z - Created: 2026-10-27T15:05:13.098Z キャラクターシートの生成経路を比較検証する日本語ダークUI分析スライドを生成します。タイトルや経路名、被写体、スコア注記を変更して実験内容に合わせられます。 ### Full prompt ```text 「[M2　ステップ2—ムードボードを見本に GPT でキャラクターシート]」と題された、16:9横長のダークモード日本語評価レポートスライドおよび実験サマリーダッシュボード。チャコールグレーの洗練されたUI、細い仕切り線、角丸カード、明瞭な日本語UIタイポグラフィ、オレンジとグリーンのアクセントタグ、埋め込みの白い画像パネルで構成。 上部セクション：上部に横並びで配置された3枚の比較カード（ラベル：[経路A：GPT ムードボード経由 / 経路B：grok ムードボード経由 / 参考：grok キャラ直接（B-5）]）。各カード内には、水彩・インクの荒い質感を維持した[the small armored child knight from the reference photo]の複数アングルと小さなバストアップを配置した白いパネルを表示。各カードにエッジスコア「エッジ 57.6」「エッジ 52.6」「エッジ 48.8」を表示。各カード下に短い日本語注釈があり、3枚目には最も柔らかくサンプルの緑の布を継承している旨を記載。 中央セクション：「条件」「エッジ強度」「コントラスト」「見本の欠陥」の4列からなる比較データテーブル。7行のデータを含む： 1. 「grok（目標）」 — 47.2 — 82.4 — 「—」 2. 「1) 共通のみ」 — 53.6 — 90.8 — 「—」 3. 「2) + 筆致（言葉）」 — 52.0 — 88.4 — 「なし」 4. 「3) + grok キャラ見本」 — 「[48.8 ← 最良]」 — 85.4 — 「緑の布を継承」 5. 「4) + GPT ムードボード」 — 「[57.6 ← 最悪]」 — 84.5 — 「なし」 6. 「5) + grok ムードボード」 — 52.6 — 87.3 — 「なし」 7. 「素材 image3.png（参考）」 — 58.8 — 69.1 — 「—」 下部セクション：「結論1」から「結論5」で始まる5つの短い日本語の結論箇条書き、末尾に「プロンプト（ステップ2の冒頭：ムードボードの役割指定）」と書かれた折りたたみ可能なダークバー。ソフトウェアダッシュボードのスクリーンショット風、完全に可読な日本語テキスト。 ``` --- ## ダークAIチャット切り抜きUIモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-ai-chat-cutout-interface-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32147 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-ai-chat-cutout-interface-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: モックアップ, ui-uxデザイン, ダークモード, 切り抜き写真, ミニマル, インターフェース - Updated: 2026-10-27T15:01:18.098Z - Created: 2026-10-27T15:01:18.098Z 鮮明な写真切り抜きとプロンプトバブルを表示するダークAIインターフェースのモックアップ。被写体名とバブルの文言を変更して活用できます。 ### Full prompt ```text ダークなミニマリストAIチャットインターフェースの生成画面を模した、完全な黒背景のスクリーンショット風コンポジション。左下クアドラントには、胸元から上でクロップされた[Sam Altman]のフォトリアルな切り抜きポートレートを配置。濃紺のクルーネックセーターを着用し、左頬に小さなベージュのヘッドセットマイク、短いダークウェーブヘア、白い肌、青い目を持ち、やや右上を見つめるニュートラルで思慮深い表情。黒背景の上に輪郭が鮮明に切り抜かれたエッジ。右上付近には、白い小文字のテキスト「[transparent background image of sam altman]」が入った角丸ピル型のダークブラウンのプロンプトバブルを配置。画面下部にはミニマルなUI要素：左下に小さな白い「Edit」の文字、中央やや右下に小さな白い共有/アップロードアイコン。余白を活かしたハイコントラストなモダンデザイン。 ``` --- ## wikiHow風ステップ別解説ページ - URL: https://www.gptimagehub.com/ja/library/illustrated-wikihow-style-tutorial-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13657 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fillustrated-wikihow-style-tutorial-page - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: wikihow, モックアップ, uiデザイン, チュートリアル, インフォグラフィック, ウェブページ, レイアウト - Updated: 2026-10-27T14:52:43.098Z - Created: 2026-10-27T14:52:43.098Z 手順ガイドと埋め込みUIモックアップを備えたwikiHow風のチュートリアルWebページを生成します。タイトルや手順を自由に編集できます。 ### Full prompt ```text { "type": "wikiHow風記事モックアップ", "header": { "background": "green", "elements": [ "ハンバーガーメニューアイコン", "wikiHowロゴ", "'Search how to...'と書かれた検索バー", "5つのナビゲーションアイコン: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN" ] }, "breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT", "article_info": { "title": "[How To Use GPT-Image 2]", "metadata": "Written by wikiHow Staff | Updated: June 10, 2024", "sidebar": [ "PDFダウンロードボタン", "METHODSボックス: 1 Using GPT-Image 2 on Arena.ai" ] }, "intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quality, detailed, and accurate images from your text prompts. This wikiHow will show you how to try GPT-Image 2 for free on arena.ai.", "steps": [ { "number": 1, "title": "[Go to arena.ai.]", "description": "Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator.", "embedded_image": { "type": "ダークモードWebサイトUIモックアップ", "logo": "arena", "navigation": ["Battle", "Side-by-Side", "Direct Chat", "Leaderboard", "Community", "Sign In", "Sign Up button"], "hero_text": "The world's largest arena for AI models", "input_ui": { "model_dropdown": "Model: [duct-tape-3]", "settings": "Default", "text_input": "Enter your prompt here...", "button": "Run" } } }, { "number": 2, "title": "[Select the model 'duct-tape-3.']", "description": "Click the Model dropdown menu and choose 'duct-tape-3.' Duct-tape-3 is the name Arena uses for GPT-Image 2, OpenAI's most capable image generation model." }, { "number": 3, "title": "[Prompt it.]", "description": "Type your prompt in the box and click Run. GPT-Image 2 will generate an image based on your description.", "tip_box": "TIP GPT-Image 2 is the best AI image generator because it produces incredibly detailed, accurate, and high-quality images, handles text well, follows complex instructions, and has a deep understanding of the world." } ] } ``` --- ## 中世MMORPGのインベントリと保管庫UI - URL: https://www.gptimagehub.com/ja/library/medieval-mmorpg-inventory-and-storage-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-36696 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmedieval-mmorpg-inventory-and-storage-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ゲーム素材, uiデザイン, インベントリ画面, mmorpg, ダークファンタジー, ゲームui - Updated: 2026-10-27T14:44:33.098Z - Created: 2026-10-27T14:44:33.098Z 倉庫チェストとキャラクター装備インベントリを表示した中世MMORPGのUI画面を生成。括弧内のアイテムやラベルを自由に変更可能です。 ### Full prompt ```text 横向きの中世MMORPGのリアルなインゲームUIスクリーンショット。画面分割レイアウト：左側3分の1は3Dゲーム世界が広がり、穏やかな自然光のもと、石畳の通り、木製荷車、NPC、開かれた宝箱の隣に立つプレイヤーキャラクターが描かれています。右側3分の2は、金色の唐草模様とリベット留めされた金属フレームで装飾されたダークファンタジー調のUIパネルが2枚オーバーレイ表示されています。左パネルは金のセリフフォントで「BAÚL」と記された倉庫画面で、上段に[輝く剣(+15)、紫色のローブ(+15)、黒のブーツ(+15)]が並ぶグリッドと、下部に値「0」の「ORO EN EL BAÚL」および「Cantidad」「GUARDAR」「SACAR」ボタンが配置。右パネルは「INVENTARIO」と題され、「CUELLO」「ARMADURA」「ESCUDO」とラベル付けされた装備枠の下に、[ポーション、鍵、斧、防具]が詰まったインベントリグリッドがあり、最下部に「ORO: 34.181.599」が表示されています。クラシックなセリフフォント、ダークファンタジーRPGのUIデザイン。 ``` --- ## モバイルアプリUIショーケース - URL: https://www.gptimagehub.com/ja/library/mobile-app-ui-showcase-presentation - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22572 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-app-ui-showcase-presentation - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, モバイルアプリ, アプリモックアップ, インターフェース, ux事例, ダッシュボード - Updated: 2026-10-27T14:38:13.098Z - Created: 2026-10-27T14:38:13.098Z 参照画像の被写体をアプリの主役にした洗練されたマルチ画面UIを生成します。アプリ種別や画面数を変更して独自のモックアップを作成できます。 ### Full prompt ```text 参照写真の被写体をアプリ内のメインコンテンツとして起用した、[次世代リアルモバイルアプリのスクリーンショットコレクション]のプロフェッショナルなUI/UXデザインショーケース。参照写真の被写体の特徴、色、形状、顔、服装、雰囲気を正確に再現。並列または美しくレイヤー配置された[4〜6]枚の縦型スマートフォン画面で構成：ホーム画面、詳細プロフィール画面、分析ダッシュボード、コレクション画面、編集画面、共有画面。各画面に異なる精緻なUI要素を配置：架空のアプリ名、タブバー、カード型UI、モダンなボタン、データグラフ、タグ、簡潔な英語テキスト、数値データ、アイコン、小さな通知バッジ。2026年の洗練されたモバイルUI、視認性の高い情報設計、過度にならない適度なグラスモフィズム。DribbbleやApp Storeプレビューのような、シンプルでニュートラルなスタジオ背景と柔らかな環境光。 ``` --- ## 物語カフェゲームのUIモックアップ - URL: https://www.gptimagehub.com/ja/library/narrative-cafe-game-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17631 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fnarrative-cafe-game-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: アプリモックアップ, ストーリーゲーム, uiデザイン, グラスモーフィズム, ノベルゲーム, ゲーム画面, シネマティック - Updated: 2026-10-27T14:35:28.098Z - Created: 2026-10-27T14:35:28.098Z 温かみのある夜のカフェ写真にダークなグラスモーフィズムUIを重ねた物語シミュレーションの画面。章名やセリフ、数値を変更して自由に物語を作れます。 ### Full prompt ```text {"type":"映画風のアプリUIスクリーンショット","product":"ストーリー主導型人生シミュレーション・思い出コレクションアプリ","language":"中国語UI","screen":{"aspect_ratio":"16:9 横長","theme":"温かみのあるカフェ写真を背景にしたダークな半透明グラスモーフィズムオーバーレイ","style":"プレミアムなモバイルゲーム風デスクトップウェブアプリ、エモーショナルでムーディー、柔らかなボケ味、琥珀色のハイライト、リアルな写真背景とシャープなUIパネル"},"background_scene":{"location":"夜の居心地の良いカフェ","lighting":"温かみのあるタングステン照明、深い陰影とオレンジブラウンのトーン","camera":"左前方からのやや広角なセルフィー視点、臨場感あふれるカジュアルな構図","subjects":[{"count":1,"role":"セルフィーを撮る手前の女性","appearance":"長いウェーブのかかった黒髪、薄手のトップスの上のクリーム色ニットカーディガン、カメラ近くに座りレンズに向かって腕を伸ばす、顔は意図的に匿名化／ぼかし"},{"count":1,"role":"奥で撮影する女性","appearance":"ポニーテール、オーバーサイズの明るいパーカー、三脚のカメラの横に立つ、顔は意図的に匿名化／ぼかし"}],"environment_details":{"count":10,"items":["夜の街の明かりが見える大きな窓","シーリングファン","木製のテーブル","木製の椅子とスツール","観葉植物","テーブルランプ","本棚","額入りの壁掛けアート","カーテン","カメラの三脚"]}},"layout":{"top_bar":{"count":8,"items":["ホームアイコンボタン","タイトル \"[环景心动计划]\"","章タグ \"[第二章]\"","メインページタイトル \"[咖啡店样片]\"","サブタイトル \"苏晓晴的咖啡店\"","お気に入りボタン \"关系\"","振り返りボタン \"回忆\"","保存ボタン \"存档\" と設定ボタン \"设置\""]},"left_stats_panel":{"position":"左上垂直カードスタック","count":5,"labels":["路线","事业","真诚","压力","信任均值"],"values":["未锁定","32","40","38","31"]},"right_memory_panel":{"position":"右サイドバー","title":"回忆","count":6,"sections":[{"title":"注目の思い出カード","count":1,"labels":["[咖啡店样片]"]},{"title":"已到达场景","count":4,"labels":["雨夜重逢","停电楼顶","合租公寓的早晨","[咖啡店样片]"]},{"title":"已发现回忆","count":1,"labels":["还没有发现隐藏回忆"]}]},"bottom_dialogue_box":{"position":"下部左中央オーバーレイ","count":2,"items":["話者名 \"苏晓晴\"","台詞 \"我想拍一个人终于可以喘口气的地方。不是被取悦，是被接住。\""]}},"text_style":{"font":"洗練された現代的サンセリフ中国語UIフォント","color":"ダークな半透明パネル上のオフホワイトと落ち着いたグレー","accent":"柔らかなゴールド／琥珀色のアイコンとハイライト"},"generation_notes":"[环景心动计划] のための洗練されたプロダクトモックアップ兼アプリ内スクリーンショットを作成し、章 [第二章] とシーンタイトル [咖啡店样片] を表示する。正確な中国語ラベルをそのまま維持すること。温かみのあるエモーショナルなカフェの雰囲気、リアルな写真背景、映画のような被写界深度、エレガントなダークUIオーバーレイを強調する。正確な台詞とステータス値を含め、繊細なビネットや光沢のあるエッジ、高品質なストーリーゲームUIの美学を再現する。"} ``` --- ## アニメキャラクター生成ワークフローUI - URL: https://www.gptimagehub.com/ja/library/anime-character-workflow-canvas-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28173 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanime-character-workflow-canvas-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: アニメ, キャラクターデザイン, uiデザイン, 設定資料, 三面図, ワークフロー, アクション - Updated: 2026-10-27T14:34:28.098Z - Created: 2026-10-27T14:34:28.098Z 設定画から映画風のアクションシーンへと展開するAIツールの操作画面を生成します。キャラクターの外見や魔法、背景を自由に変更可能です。 ### Full prompt ```text 画像生成ソフトウェアのUI画面を模した、ダークモードの比較キャンバス。ワークフローグラフで繋がれた3枚のアニメ生成結果を表示。16:9のワイドな構図、ほぼ黒に近いドットグリッド背景、繊細な青い接続ライン、小さな円形ノードアイコン。薄いグレーの枠線と微かなシャドウを持つ角丸長方形パネルが正確に3つ配置されている。 左下のパネル（参照ソースノード）：上部に小さな白い日本語ラベル「画像生成ツール #2」。中身は[アバン]というキャラクターデザインシート。浅黒い肌、中長髪の[茶色のドレッドヘア]、引き締まった体型、自信に満ちた表情、袖なしのダークチュニック、レザーストラップベスト、指ぬきグローブ、パンツ、ブーツ、ペンダント、なびく赤いスカーフを着用した若い男性冒険者。羊皮紙風の質感、クリーンな漫画風線画、淡い水彩調着彩。中央に全身の3面図（正面、側面、背面）、右側に2×3列で配置された6つの表情差分ボックス（通常笑顔、満面の笑み、真剣、驚き、怒り、悲しみ）、左側に「アバン」の文字、プロフィール文、ステータス表記入りのバストアップポートレートを含む。 このパネルの右側から青いラインが分岐して右側の2つのパネルへ接続。右側の各パネルの右上には小さな黄色の更新アイコンが付いている。 右上のパネル：ラベル「画像生成ツール #10」。[夕暮れの砂漠]を舞台に、広角レンズで腰から上を捉えた構図。前方に手を伸ばし、手のひらに輝く[オレンジの炎]の火花魔法を灯して自信ありげに微笑む姿。風になびく赤いスカーフ、ひび割れた大地、遠くのテント、夕焼け雲。下部に白い日本語テキストで「このキャラ　火花魔術を使うカットを生成して、広角レンズ　hand to camera な構図」と記載。 右下のパネル：ラベル「画像生成ツール #1」。同じシーンのよりダイナミックなアクション版。手前により大きくパースのついた手を突き出し、手のひらから激しく弾ける[オレンジの炎]の魔法の火花。なびくスカーフ、背後の青空と砂漠の崖。下部に同じ白文字の日本語キャプション「このキャラ　火花魔術を使うカットを生成して、広角レンズ　hand to camera な構図」を配置。 スタイル：洗練されたクリエイティブツールのダークUI、アニメファンタジーイラスト、鮮明な画面構成。 ``` --- ## SaaS広告バナー 4面バリエーショングリッド - URL: https://www.gptimagehub.com/ja/library/saas-ad-banner-variations-grid - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14215 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsaas-ad-banner-variations-grid - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 広告バナー, バナー検証, saasプロモーション, webバナー, uiデザイン, webマーケティング - Updated: 2026-10-27T14:33:58.098Z - Created: 2026-10-27T14:33:58.098Z 異なるビジュアルテーマで構成された2×2のSaaS向け広告バナー案を生成します。製品名や見出し、CTAボタンを自由に差し替えてA/Bテストの検証が可能です。 ### Full prompt ```text { "type": "4分割広告バナーバリエーショングリッド", "product": { "name": "[HP BOOSTER]", "subtitle": "AI搭載ノーコード・サイトビルダー", "logo": "青と緑の山括弧とダイヤモンドシンボル" }, "common_elements": { "device_mockups": "都市のスカイライン、日本語テキスト『未来を、あなたのビジネスに。』、青色の『今すぐ始める』ボタンが表示されたウェブ画面のノートPCとスマートフォンモックアップ（左下パネルのみデスクトップモニター）" }, "layout": { "grid": "2x2", "panels": [ { "position": "top-left", "theme": "テックラインを配したダークブルーカーネーション", "headline": "[最短10分で、プロ品質のホームページを。]", "sub_headline": "AIがデザイン・構成・文章まで自動生成", "badge": "『導入企業続々増加中！』のテキストが入ったゴールドの月桂冠バッジ", "icon_count": 5, "icon_labels": ["AIが自動で作成・最適化", "ノーコードで自由に編集", "デザイン自由プロ品質", "SEO対策もおまかせ", "スマホ対応高速表示"], "bottom_bar": "ティール背景に黄色の『今すぐ無料で始める ▶』ボタン" }, { "position": "top-right", "theme": "清潔感のある白とライトグレーのミニマルデザイン", "headline": "[AIで、誰でも、カンタンに。]", "pre_headline": "ホームページ制作の常識を、もっとシンプルに。", "badge": "『専門知識・制作スキル不要！』のティール円形バッジ", "icon_count": 4, "icon_labels": ["AIが自動で作成・最適化", "ノーコードで自由に編集", "スマホ対応・高速表示", "SEO対策もおまかせ"], "bottom_bar": "ティール背景に黄色の『無料でスタートする ▶』ボタン" }, { "position": "bottom-left", "theme": "集中線とポップなコミック調の鮮やかなイエロー", "headline": "[自分でカンタン！最短10分でホームページ完成！]", "pre_headline": "もう、制作会社に頼まない！", "badge": "『AIがすべて自動で作成！』のピンクの円形バッジ", "icon_count": 6, "icon_labels": ["AI自動生成", "ノーコード", "デザイン自由", "SEO対策", "スマホ対応", "高速表示"], "call_to_action": "ピンクのカプセル型ボタン『無料ではじめる！▶』" }, { "position": "bottom-right", "theme": "高級感のあるダークグレーとマットブラックのコーポレート調", "headline": "[成果につながるホームページを。]", "pre_headline": "本気で集客したいなら、", "badge": "『導入企業続々増加中！』のテキストが入ったゴールドの月桂冠バッジ", "icon_count": 4, "icon_labels": ["AIが設計から文章まで自動生成", "ノーコードで自由にカスタマイズ", "SEO・スピード・セキュリティ対応", "集客・売上UPを徹底サポート"], "bottom_bar": "ゴールド背景にダークブルーの『今すぐ無料で始める ▶』ボタン" } ] } } ``` --- ## SF風医療HUDマスコットステータス画面 - URL: https://www.gptimagehub.com/ja/library/sci-fi-medical-hud-mascot-status-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-23508 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsci-fi-medical-hud-mascot-status-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: hud, マスコット, サイバーパンク, インフォグラフィック, ステータス画面, かわいい, uiデザイン - Updated: 2026-10-27T14:30:08.098Z - Created: 2026-10-27T14:30:08.098Z 偏頭痛ログが表示されたSF風医療ダッシュボードと休養中の星マスコットを生成します。診断名、キャラ名、日付、日本語メッセージを自由に変更可能です。 ### Full prompt ```text ダークネイビーブルーの背景に、発光するシアンのインターフェース枠線、繊細な走査線、高コントラストなネオンアクセントが施された正方形のSF風医療HUDダッシュボードイラスト。中央には、ミニマルな白い五角星のマスコット［Hoshi-chan］が青いチェック柄の布団と青い枕でベッドに横たわっています。星の顔には小さな黒い点目、まっすぐな口、右頬に一粒の青い汗の滴があり、頭の周りには8個の赤橙色の偏頭痛ペインシンボル（5本のギザギザの稲妻と3個の渦巻き）が浮かんでいます。左のベッドサイドテーブルには暗いランプとコップ一杯の水があり、右側にはティッシュが1枚引き出されたティッシュ箱が置かれています。 上部には太い光る文字で「STATUS : [MIGRAINE]」と表示され、右上には小さなテキスト「MEDICAL LOG : HOSHI-CHAN」と小さなプラス記号が配置されています。見出しの下には2行の日本語メッセージ「[昨日は片頭痛で寝込んでおりました。 久しぶりに大変きつうございました。]」が並び、「大変きつう」の部分がシアンで強調されています。 HUD要素が画面を囲んでいます。左側の垂直サイドバーには5つのアイコン（星、メニューバー、心拍波形、棒グラフ、ドット）が並び、右側の痛みモニターカードには「PAIN LEVEL」のラベル、赤い警告三角、赤い心拍波形、ほぼ満杯の赤いセグメントバーが表示されています。 下部エリアには発光するシアンの3行のステータス欄を配置： 1行目：赤い警告三角アイコン、テキスト「状態異常：片頭痛 / 強制睡眠 / 食欲低下」、右側に赤いパルス波形。 2行目：シアンのカプセル薬アイコン、テキスト「服薬：片頭痛薬」、右側に丸いシアンのチェックマーク。 3行目：シアンのカレンダーアイコン、テキスト「[2026/05/30]：痛みと睡眠で終わりました」、右側に極小の白いピクセルスター。 フッターには中央に「HOSHICHAN SYSTEM」とその下に大きく「REST MODE」の文字、左下にピクセルハート、右下に三日月とプラス記号。シャープなベクター風デジタルイラスト調、アニメマスコットの可愛らしさと臨床的SFテイストの融合。 ``` --- ## 羊毛フェルトのロック画面音楽プレイヤーUI - URL: https://www.gptimagehub.com/ja/library/needle-felted-smartphone-music-player-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-4583 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fneedle-felted-smartphone-music-player-ui - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 9:16 - Style: graphic-design - Tags: 羊毛フェルト, ニードルフェルト, ロック画面, 音楽プレイヤー, uiデザイン, 手触り感, ハンドメイド - Updated: 2026-10-27T14:26:58.098Z - Created: 2026-10-27T14:26:58.098Z すべて羊毛フェルトと刺繍で作られたスマホのロック画面音楽プレイヤーUIを生成します。参考画像や曲名、テキストを自由に変更して楽しめます。 ### Full prompt ```text 羊毛フェルトとニードルフェルトの刺繍だけで作られた、スマートフォンのロック画面音楽プレイヤーUIのビジュアル。正面からの縦型構図。上部中央：四角いアルバムアート表示枠があり、[the reference image] を輪郭の毛羽立ち、柔らかく混ざり合う色彩、羊毛の繊維感が感じられるニードルフェルト調で完全再レンダリング。中央UI：再生、一時停止、前へ、次へなどの丸みを帯びたフェルトボタンで構成された音楽プレイヤー操作部。曲名部分には「[【New beginning in 2026】]」の刺繍文字、シークバーには「[ここから、始まる]」、時間表示「0:00 / -3:31」がフェルトの縫い目で表現されている。下部：左右に配置された懐中電灯とカメラの丸いもこもこフェルト製ショートカットアイコン。背景と照明：アルバムアートの基調色に合わせた温かみのあるフェルト背景に、微かな点光の装飾が散りばめられている。触りたくなるような温かく静かなハンドメイドの質感。 ``` --- ## ラグジュアリーファッションのLPモックアップ - URL: https://www.gptimagehub.com/ja/library/luxury-fashion-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13803 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fluxury-fashion-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ランディングページ, uiデザイン, ラグジュアリー, ecサイト, モックアップ, ミニマル - Updated: 2026-10-27T14:20:28.098Z - Created: 2026-10-27T14:20:28.098Z 高級ファッションブランド向けの縦長WebサイトUIモックアップを生成します。角括弧内のブランド名や商品画像を変更して調整できます。 ### Full prompt ```text { "type": "e-commerce landing page mockup", "brand": "[LUMIÈRE]", "aesthetic": "[ラグジュアリー、ミニマリスト、エレガント、ニュートラルトーン]", "layout": { "header": { "logo": "[LUMIÈRE]", "navigation": ["NEW IN", "HANDBAGS", "JEWELRY", "COLLECTIONS", "MAISON", "ABOUT"], "icons": ["search", "user", "cart"] }, "sections": [ { "name": "Hero", "text": { "headline": "[Crafted for Timeless Elegance]", "subheadline": "Where Artistry Meets Uncompromising Quality.", "button": "DISCOVER THE COLLECTION" }, "imagery": "石の台座の上に置かれたゴールド留め具付きクリーム色ハンドバッグ、ブランド名入りシルクスカーフ、柔らかな木漏れ日" }, { "name": "Product Grid", "title": "EXPLORE OUR WORLD", "count": 4, "items": [ { "image": "大理石の上の黒いクロコダイルハンドバッグ", "label": "HANDBAGS", "sublabel": "Discover" }, { "image": "シルクの上のダイヤモンドスタッドピアス", "label": "JEWELRY", "sublabel": "Discover" }, { "image": "シルクの上のレザーストラップ付きクラシックウォッチ", "label": "WATCHES", "sublabel": "Discover" }, { "image": "ゴールドトレイの上のホワイトキャンドル", "label": "MAISON", "sublabel": "Discover" } ] }, { "name": "Featured Product", "layout": "diagonal split", "text": { "kicker": "FEATURED", "title": "[Le Sac Éternel]", "description": "A Statement of Enduring Style.", "link": "EXPLORE NOW" }, "imagery": "大理石の上に置かれたゴールド留め具付きブラックハンドバッグ" }, { "name": "Brand Story", "layout": "two-column", "imagery": "葉に囲まれたパリのオスマン様式建築", "text": { "kicker": "THE LUMIÈRE STORY", "headline": "[Heritage. Craftsmanship. Vision.]", "body": "パリの中心で誕生したLumièreは、世代を超えて洗練されたラグジュアリーの象徴です。細部への徹底したこだわりと時代を超えるデザインを融合させ、熟練の職人によって創り出されています。", "link": "DISCOVER OUR STORY", "watermark": "うっすらと浮かぶ円形のLロゴ" } }, { "name": "Trust Bar", "count": 4, "items": [ { "icon": "diamond", "title": "EXCEPTIONAL QUALITY", "subtitle": "Meticulous Craftsmanship" }, { "icon": "truck", "title": "COMPLIMENTARY DELIVERY", "subtitle": "Insured & Signature Required" }, { "icon": "gift box", "title": "EXCLUSIVE SERVICES", "subtitle": "Personal Shopping & Care" }, { "icon": "headset", "title": "CLIENT SERVICE", "subtitle": "+33 1 42 86 95 28" } ] } ] } } ``` --- ## 水彩トラベルアプリのモックアップイラスト - URL: https://www.gptimagehub.com/ja/library/watercolor-travel-app-story-mockups - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25269 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fwatercolor-travel-app-story-mockups - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 水彩画, アプリモックアップ, 旅日記, ファッションイラスト, 都市景観, uiモックアップ - Updated: 2026-10-27T14:19:28.098Z - Created: 2026-10-27T14:19:28.098Z 異なる都市の旅ストーリーを映し出す3台のスマホを描いた横長水彩イラストを生成します。括弧内の都市、服装、ランドマークを変更してアレンジできます。 ### Full prompt ```text 有名都市を旅するファッショナブルな女性を描いた、正確に3台の縦型スマートフォン画面が並ぶワイドな水彩画風旅行アプリモックアップイラスト。手描きのソーシャルメディア旅行ストーリー風。 構図とレイアウト: オフホワイトの紙質背景に、デバイスの背後や周囲に広がるラフな水彩の飛沫をあしらった横長16:9構図。スリムベゼルと丸角の黒いiPhoneスタイルのスマートフォンが3台横並びに配置されている。[パリ、フランス]を表示する中央のスマホは手前にやや大きく配置。[ニューヨーク、アメリカ]の左側スマホと、[ロンドン、イギリス]の右側スマホはわずかに傾き、街の風景が画面外へと滲み出ている。 UI詳細: 各画面にミニマルな旅行アプリUI。左上に「19:41」のステータスバー、小さなカメラアイコン、中央に都市名のロケーション表示、右上に控えめな通知アイコン。 シーンと被写体: - 左画面（[ニューヨーク、アメリカ]）: 黒いレザージャケット、グラフィックTシャツ、ブルージーンズ、スニーカー、バックパックを着たストリートスタイルの女性がウォーターフロントの桟橋に立つ。背景には自由の女神、マンハッタンのスカイライン、水面、イエローキャブ、そして「NYC」「18:30」「City that never sleeps」の手書き風文字。 - 中央画面（[パリ、フランス]）: 上品なベージュのトレンチコート、スカーフ、アンクルブーツを身につけ、ピンクがかった石畳の通りを歩く女性。背景には中央にそびえるエッフェル塔、ピンクの桜、パリの街並み、カフェのテラス席。 - 右画面（[ロンドン、イギリス]）: ネイビーのコート、赤いスカーフ、ショートスカート、バーガンディのロングブーツを履き、暗い色の傘を差して雨に濡れたロンドンの街に立つ女性。背景にはビッグベン、国会議事堂、赤い2階建てバス、ブラックキャブ、雨に煙る青灰色の空気感。 スタイル: 繊細な水彩画とペン画によるアーバンスケッチ、柔らかいパステルウォッシュ、細いインク線、光の反射。顔はシックなファッションイラスト調で控えめまたは表情なし。端末フレームは端正で、水彩絵の具の飛沫が美しく調和している。 制約事項: 正確に3台のスマホ、3人の女性旅行者、3つの都市。余分なデバイスや雑多な要素、指定以外のテキストは含めない。 ``` --- ## キツネのアプリアイコン探索デザインボード - URL: https://www.gptimagehub.com/ja/library/fox-app-icon-design-exploration-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-31848 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffox-app-icon-design-exploration-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: アプリアイコン, uiデザイン, デザインボード, キツネ, ブランディング, アイコンセット, 3dアイコン - Updated: 2026-10-27T14:17:43.098Z - Created: 2026-10-27T14:17:43.098Z 複数のスタイルとブランド要素を並べた高品質なUIアプリアイコン提案ボードを生成。見出しやマスコットを変更して他ブランドにも応用可能です。 ### Full prompt ```text 「[FOXY APP ICON EXPLORATIONS]」と題されたプロフェッショナルなUIデザインプレゼンテーションボード。丸まったふわふわのキツネのマスコットをモチーフにした、モダンなアプリアイコンバリエーションの一覧。 設定とキャンバス: ワイド16:9のベージュ／オフホワイトのデザインボード、中央揃えの構図、繊細でクリーンな紙の質感の背景。上部には大きく太い黒のオールキャップスの見出し「[FOXY APP ICON EXPLORATIONS]」、その下に小さくすっきりとしたサブタイトル「[Modern app icon styles using the curled fluffy fox concept]」。細い水平の区切り線で各セクションを区切る。 レイアウトと主題: 3行にわたって整然としたグリッド状に配置された正確に19個の番号付きアプリアイコンコンセプト（1行目: 6個、2行目: 6個、3行目: 7個）。各アイコンには一貫したマスコットである[curled fluffy orange fox forming a triangular app icon shape]（白いマズル、小さな黒い目、黒い鼻、頭付近の小さな黄色いアクセントマーク）が描かれている。各アイコンの上には小さな番号、下には短いラベルを配置。 1行目 — セクションタイトル: 「ROUNDED SQUARE APPS」（6個のアイコン）: 1. Clean Minimal — クリーム色の角丸正方形背景、柔らかな影、シンプルなオレンジの丸まったキツネ。 2. Soft Warm — ピーチとオレンジの温かみのあるグラデーション角丸正方形。 3. Bold Dark — 黒の角丸正方形背景に光るオレンジのキツネ。 4. Vibrant Gradient — 鮮やかなオレンジ〜レッドのグラデーション角丸正方形。 5. Paper Texture — ベージュの紙質アイコンにエンボス加工された淡いクリーム色のキツネ。 6. Leather Touch — ブラウンのステッチ入りレザー角丸正方形、タンレザーのキツネ。 2行目 — セクションタイトル: 「ALTERNATIVE STYLES」（6個のアイコン）: 7. Glass Morph — オレンジのキツネが入った半透明で光沢のあるガラスの角丸正方形。 8. Frosted Glass — すりガラス調のシルバー半透明正方形にぼかしたキツネ。 9. Neumorphic — 柔らかいオフホワイトの浮き出たニューモーフィズムアイコンにミニマルな白いキツネ。 10. Outline Accent — ダークチャコールの角丸正方形に細いクリーム色のラインアートキツネと黄色のアクセント。 11. Matte Sculpture — 柔らかいベージュのマットクレイ風の丸まったキツネ彫刻。 12. Black & Gold — 黒の角丸正方形にメタリックゴールドのキツネエンブレム。 3行目 — セクションタイトル: 「ALTERNATIVE COMPOSITIONS & ELEMENTS」（7個のアイコン）: 13. Circle Badge — 丸まったキツネとステッチリングのディテールがある円形オレンジバッジ。 14. Flat Mark — クリーム色の角丸正方形にシンプルなフラットオレンジの三角形キツネマーク。 15. Double Ring — 2本の同心円オレンジリングの中に入った丸まったキツネ。 16. Torn Sticker — 端が破れ、角がめくれたペーパーステッカー風のキツネ。 17. Spark Cluster — オレンジの角丸正方形にキツネと繊細な星のスパークル。 18. Wrapped Fold — 折りたたまれた封筒の形から顔を出すキツネが描かれたベージュ正方形。 19. Nose Emblem — 鼻、耳、黄色いマークにフォーカスしたキツネの顔のエンブレム。 最下段 — ラベル: 「SUPPORTING ELEMENTS (FOR USE IN APP & BRANDING)」: きれいに並んだ正確に14個の小さなブランドアセットアイコン: 黒い鼻、3つの黄色いダッシュマーク、金色のスパークルスター、オレンジと白のふわふわの尾、オレンジのキツネの耳のペア、黒いカーブしたスマイルアーク、肉球の足跡、小さなキツネの頭、極小の丸まったキツネマスコット、オレンジのぽんぽん、オレンジのティアドロップ、オレンジのリボンバナー、金色のキツネコインバッジ、角丸ピル型のアウトライン。 スタイル: プレミアムなUI/UXケーススタディシート、洗練された3Dソフトレンダリングアイコン、角丸スクワークルシルエット、触感のあるマテリアル、穏やかなアンビエントオクルージョンの影、温かみのあるオレンジとクリームにダークチャコールのアクセント、鮮明なタイポグラフィ、整然とした余白。 ``` --- ## アニメカードゲームロビーUIモックアップ - URL: https://www.gptimagehub.com/ja/library/anime-card-game-lobby-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18402 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fanime-card-game-lobby-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: カードゲーム, ゲームui, アニメ, モバイルゲーム, インターフェース設計, ロビー画面, モックアップ - Updated: 2026-10-27T14:16:38.098Z - Created: 2026-10-27T14:16:38.098Z キャラクター、リソース、各種パネルを備えた精細なモバイルカードゲームのロビー画面を生成。JSON値でプレイヤー情報やキャラを変更できます。 ### Full prompt ```text {"type":"高精度なアニメファンタジーカードゲームのホーム画面UIモックアップ","overall_style":"洗練されたモバイルゲームのロビー画面スクリーンショット、16:9横長、濃紺と紫のファンタジーSF大聖堂の背景、上部中央に輝く魔法のポータル、反射する石の床、ネオンのリムライティング、鮮明なゲームUIパネル、すべてのボタンがタップ可能に見える、高級感のあるTCG風デザイン","game_identity":{"player_name":"[CardMaster]","level":"[Lv. 42]","experience_bar":"2350 / 4500","avatar":"左上に配置された意図的に顔をぼかした小さな正方形のアニメ風ポートレート"},"top_resource_bar":{"count":6,"items":["ゴールドコイン通貨：5,780、プラスボタン付き","紫のクリスタル通貨：1,250、プラスボタン付き","青いキューブ通貨：320、プラスボタン付き","メール封筒アイコン","設定の歯車アイコン","アバター、名前、レベル、進捗バーを含むプレイヤープロフィールブロック"]},"main_characters":{"count":5,"description":"ロビー中央に並ぶ5人のフルボディのアニメキャラクター、顔は柔らかくぼかされ衣装と体型は精密に描画","characters":["左側：光るシアンの胸部エンブレムを備えた光沢ある近未来的な青い鎧、黒いツンツン髪の男性ヒーロー、勇敢なポーズ","オレンジ髪のアニメ戦士少女、黒のノースリーブトップス、赤のプリーツミニスカート、黒のストラップ、手袋、ブーツ、腰に剣を構える","中央：超ロングの黒髪、白いブラウス、ネイビーのスカート、ハイソックス姿で胸元にカードを抱きしめる小柄な女子学生","黒とネオンピンクの髪、ピンクのトライバル柄の白いクロップトップ、ピンクのショートパンツ、太ももまでの光沢あるピンクストッキング、サンダルを履いた筋肉質な女性、自信に満ちたポーズ","右側：ネクタイを緩めた黒スーツ姿でピストルを構える男性エージェント"]},"center_floor_props":{"count":5,"items":["女子学生の近くに浮かぶ2体の小さな笑顔の青いゴーストマスコット","下部中央にある光る紫色の透明なキューブ1個","左右の足元付近にある2つの小さなボクセル草・土ブロック","中央小道具の背後にある2つの小さな灰色の石キューブ"]},"left_sidebar":{"position":"左側の垂直メニュー","count":4,"buttons":["SHOP（ショッピングカートアイコン、小さな赤い通知バッジ付き）","CARD PACK（カードパックアイコン）","RANKING（トロフィーアイコン）","EVENTS（カレンダーアイコン）"]},"left_promo_card":{"position":"左下","title":"NEW CARD PACK","headline":"[DIMENSIONAL ORIGINS]","subtitle":"New cards have arrived!","visual":"長方形のプロモーションカード内で傾いた光る紫色のブースターボックス","carousel_dots":{"count":5,"active":"1つ目のドットが青、4つの非アクティブなドットはグレー"}},"right_action_panels":{"position":"右カラム","count":3,"panels":[{"title":"MATCH","subtitle":"Compete with players around the world","visual":"青いパネル上の交差した銀の剣アイコン"},{"title":"BOOSTER DECKBUILDING","subtitle":"Build your ultimate deck","visual":"紫のパネル上の2枚のパープルファンタジーカード"},{"title":"TOURNAMENT","subtitle":"Prove your skills and win great prizes","visual":"ブロンズパネル上の月桂冠付きゴールドトロフィー"}]},"bottom_navigation":{"position":"左下から中央","count":5,"tabs":["光る家アイコンと明るい縁取りで強調されたHOME","カードアイコンのDECKS","ギアとカードアイコンのCOLLECTION","人物アイコンのPROFILE","ショッピングバッグアイコンのSTORE"]},"chat_panel":{"position":"右下","count":3,"visible_components":["チャットログ1行目：[World] CardMaster: Good luck everyone!","チャットログ2行目：[World] Valkyrie: The new event looks amazing!","プレースホルダーテキスト『Type a message...』と絵文字アイコンボタン付きのメッセージ入力欄"]},"text_requirements":"指定通りの明瞭な英語UIラベル、高コントラストな白タイポグラフィ、チャット内のシアン色のプレイヤー名、記載されたコンポーネント以外の余計なメニューはなし","rendering":"シャープで精緻なコンセプトアート、プロ仕様のゲームUI構成、ファンタジーTCGロビー、ドラマチックな青紫の照明、高解像度スクリーンショットの質感"} ``` --- ## ダークモードテックマーケティングスライド - URL: https://www.gptimagehub.com/ja/library/dark-mode-tech-marketing-collage-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16556 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-tech-marketing-collage-slide - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: マーケティング, ダークモード, プレゼンテーション, uiデザイン, 製品レンダリング, スタートアップ, テック - Updated: 2026-10-27T14:14:23.098Z - Created: 2026-10-27T14:14:23.098Z カードUIモックアップと3D製品レンダリングを組み合わせたダークモードのマーケティングスライドを生成します。ブランド名やアクセントカラーを自由にカスタマイズ可能です。 ### Full prompt ```text {"type":"モダンなマーケティングスライドコラージュ","style":"洗練されたダークモードテックプレゼンテーション、洗練されたプロダクトマーケティング、柔らかいグロー照明、角丸カード、繊細なグラデーション、高コントラスト、洗練されたスタートアップの美学","canvas":{"aspect_ratio":"16:9","background":"かすかな温かみのあるオレンジの光がアクセントの深い黒"},"brand":{"name":"[WITHINGS]","accent_color":"ウォームオレンジ"},"layout":{"structure":"上段に3枚のカード、下段全体に1枚のワイドバナーカード","card_count":4,"sections":[{"title":"スマート体重計製品カード","position":"top-left","count":3,"labels":["Weight","Body Composition","Trends"],"content":"左上にブランド名、大きく白い＆オレンジの見出し『We launched Withings integration』、サブテキスト『Sync your weight, body composition, and more.』、右側に『72.4 kg』と表示された小さな発光画面付きの浮遊する光沢ブラックのスマート体重計、下部に細い線で区切られた3つの白い線画アイコンとラベル"},{"title":"ブランドアップデートカード","position":"top-center","count":1,"labels":["miora update this week"],"content":"走る2人を捉えた暖かみのあるオレンジ色のぼかしライフスタイル写真、左側に波型エンブレムを配した中央配置の白いセリフ体ロゴテキスト『[miora]』、1行目がオレンジで2行目が白のスタックされた下部テキスト"},{"title":"チャット画像生成カード","position":"top-right","count":4,"labels":["can you make my teeth reaally white and shiny","Making them gleam now","Latest image gen","Right in your iMessage."],"content":"ダークなiMessageスタイルのチャットUI、上部に鮮やかな青の送信吹き出し、下にダークグレーの返信吹き出し、窓の前で黒いキャップをかぶり顔を長方形のぼかしで隠した人物のポートレートプレビュー、右側に浮かぶ青い共有アイコン、スパークアイコンとオレンジの見出しとグレーのサブテキスト付きフッター"},{"title":"紹介バナーカード","position":"bottom full-width","count":2,"labels":["Referrals and rewards","Like the healthmaxxing cap"],"content":"中央の白い刺繍テキスト『[healthmaxxing]』が入った黒いベースボールキャップの背後に柔らかいオレンジのスポットライト、左側にハート付きの3人アイコンと白い見出しとグレーのサブテキスト『Invite friends and get cool perks.』、右側にオレンジの見出しとグレーのサブテキスト『Our way of saying thanks for spreading the word.'』"}]},"design_details":{"corners":"各カードに大きな角丸","borders":"繊細で薄いグレーのアウトライン","spacing":"カード間の均等な余白","typography":"UIおよびマーケティング文面はすっきりとしたサンセリフ体、中央ロゴはエレガントなセリフ体","lighting":"オレンジのリムライトとグローを伴うムーディーな黒背景","product_rendering":"リアルな3D製品およびアクセサリーレンダリング","ui_style":"ミニマルでプレミアムなアプリプロモーション美学"},"text_overrides":{"top_left_brand":"[WITHINGS]","center_update_line":"[miora update this week]"}} ``` --- ## 東京ナイトトラベル ブランドモックアップボード - URL: https://www.gptimagehub.com/ja/library/tokyo-night-travel-brand-mockup-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15324 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ftokyo-night-travel-brand-mockup-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: モックアップ, ブランディング, 旅行雑誌, uiデザイン, 東京夜景, エディトリアル, 企画書 - Updated: 2026-10-27T14:02:33.098Z - Created: 2026-10-27T14:02:33.098Z 旅行雑誌、Webページ、スマホアプリUIを統合した高級感あるブランドプレゼンボードを生成します。都市名やブランド名、ドレス色などを自由に変更可能です。 ### Full prompt ```text { "type": "旅行雑誌とモバイルアプリのプロモーションモックアップ", "theme": "ロマンチックな[Tokyo]夜景旅行のブランディング", "brand": { "name": "[旅色]", "romanized": "TABIIRO", "tagline": "Tokyo Night Trip" }, "style": { "overall": "ラグジュアリーなエディトリアルデザインと現代的なトラベルアプリUIの融合", "color_palette": "ディープネイビー、ブラック、温かみのあるゴールド、ソフトブラッシュピンク、ホワイト、都市の光のボケ", "lighting": "きらめく都市のボケと暖色のハイライトが美しいシネマティックな夜の輝き", "mood": "エレガント、ロマンチック、洗練された高級感" }, "subject": { "primary_model": "体にフィットした煌めく[rose-gold shimmer]の長袖イブニングドレスを着た魅力的な大人の東アジア系女性、肩までの黒髪ボブ、夜の[Tokyo]を見渡すバルコニーの手すりに優雅にもたれるポーズ", "setting": "東京タワーが見える夜の高層テラスまたはルーフトップ" }, "layout": { "composition": "印刷版雑誌の表紙、見開きページ、Webランディングページ、スマートフォンアプリ画面を美しく並べたマルチパネルのマーケティングボード", "sections": [ { "title": "magazine cover", "position": "top left", "count": 1, "labels": ["[旅色]", "Tokyo Night Trip", "[東京の夜に、ときめく旅を。]", "Cover Woman TOKYOを旅する", "Special Interview 東京の新しい魅力、再発見", "今行きたい 東京のスポット10選"] }, { "title": "magazine spread", "position": "top center", "count": 1, "labels": ["Vol.56", "8", "東京の夜に、恋をする。", "きらめく街と、特別な時間。", "見どころ", "01 絶景", "02 グルメ", "03 文化・体験"] }, { "title": "weather and city info panel", "position": "top right", "count": 1, "labels": ["現在の東京 リアルタイム天気", "[27°C]", "晴れのち曇り", "湿度: 62%", "風速: 2.1m/s", "体感温度: 28°C", "2024.5.20 15:00 更新"] }, { "title": "smartphone app screen", "position": "right side", "count": 1, "labels": ["[旅色]", "[東京の夜に、ときめく旅を。]", "おすすめスポット", "特集", "ホーム", "探す", "旅のしおり", "お知らせ", "マイページ"] }, { "title": "website landing page", "position": "bottom left and center", "count": 1, "labels": ["[旅色]", "[東京の夜に、ときめく旅を。]", "心に残る体験を、旅色と一緒に。", "今すぐダウンロード", "App Store からダウンロード", "Google Play で手に入れよう", "旅色が選ばれる3つの理由", "厳選されたおすすめスポット", "あなただけの旅プラン作成", "リアルタイムの天気・情報", "人気のエリア"] }, { "title": "popular areas row", "position": "bottom center", "count": 5, "labels": ["六本木", "浅草", "丸の内", "中目黒", "お台場"] }, { "title": "feature thumbnails on app", "position": "mid to lower right inside phone", "count": 6, "labels": ["六本木ヒルズ展望台", "浅草寺", "中目黒の夜桜", "ネオン街", "東京グルメ旅", "大人の東京さんぽ"] }, { "title": "reason icons row", "position": "bottom center upper", "count": 3, "labels": ["厳選されたおすすめスポット", "あなただけの旅プラン作成", "リアルタイムの天気・情報"] }, { "title": "bottom service features row", "position": "very bottom across website panel", "count": 4, "labels": ["最新の観光情報をお届け", "レビュー・口コミが充実", "オフラインでも使える", "旅のしおりを簡単作成"] } ], "inset_images": { "count": 2, "descriptions": [ "キャンドルの灯るレストランでのワインと高級ディナープレート", "きらめく夜景のバルコニーに立つ同一女性のサブポートレート" ] } }, "background": { "surface": "すっきりとしたニュートラルなスタジオテーブルトップ", "arrangement": "ブランドアイデンティティのケーススタディとして重ね合わされた印刷物とスマートデバイス" }, "rendering": { "quality": "高精細な商業モックアップグラフィック", "camera": "全パネルを明瞭に捉えるやや見下ろした正面視点", "detail_level": "鮮明なタイポグラフィ、光沢のある印刷の質感、リアルなスマートフォンの質感、整ったUIデザイン" } } ``` --- ## 折りたたみスマホのランディングページモックアップ - URL: https://www.gptimagehub.com/ja/library/foldable-smartphone-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32173 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffoldable-smartphone-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ui-ux-design, ランディングページ, apple風, 折りたたみスマホ, 製品モックアップ, ミニマリズム, チタン - Updated: 2026-10-27T14:02:28.098Z - Created: 2026-10-27T14:02:28.098Z 架空の折りたたみスマホに向けたApple風2分割ランディングページを生成します。製品名や見出し、UIのテキストを自由に変更して活用できます。 ### Full prompt ```text 架空の折りたたみスマートフォン「[iPhone Fold]」をフィーチャーした、Apple風の洗練された製品ランディングページの1:1正方形モックアップ。上下2つの水平セクションに明確に分割：上部58%を占めるダークなシネマティックヒーローセクションと、下部42%を占めるクリーンなホワイトのデザインセクション。 上部ヒーローセクション： - 背景：下部にわずかなブルー〜パープルのアンビエントグローが漂う漆黒の背景。 - タイポグラフィ＆UI：中央揃え。最上部に「[iPhone Fold]」の小さなラベル。その下に白からシルバーへのグラデーションを施した太字の大見出し「[A new dimension for what’s next.]」。その下の中央揃えの段落テキスト「[iPhone Fold combines the power of iPhone with a beautifully flexible design. A larger canvas. A smarter you.]」。 - アクションボタン：横並びのピル型ボタン2つ。黒文字で「Watch the film」と再生アイコンが入った白ボタン、および薄い白枠線に白文字で「Notify me」と入ったダークボタン。 - 製品レンダリング：ボタンの下に、浅いV字型に開いたフォトリアルな折りたたみスマートフォンが光沢のある黒い台座に置かれている。ブラックチタンのフレーム、下部のスピーカー穴と充電ポート、中央のヒンジ、角丸ディスプレイ。開いたインナー画面には抽象的な紫と青の花びらのような発光グラフィックが対称に表示。ドラマチックなリムライトと繊細な反射。 下部デザインセクション： - 背景：クリーンでミニマルな純白のレイアウト。 - 左側テキスト：小さなラベル「Design」、太字の大見出し「[Opens up new possibilities.]」、説明文「A remarkably thin and durable design that folds seamlessly. Crafted with titanium. Built to last.」。その下にミニマルな黒の線画アイコン付きの3行の特徴リスト：1)「Titanium frame」「Strong. Light. Refined.」、2)「Seamless hinge」「Engineered for a smoother fold.」、3)「Built for everyday」「Durable inside and out.」。 - 右側製品レンダリング：半分閉じた状態で直立するブラックの折りたたみスマートフォンのフォトリアルレンダリング。左半面にトリプルカメラ付き背面パネル、右半面に「9:41」「Tue Apr 1」やステータスアイコン、抽象的な青紫の壁紙が表示されたカバーディスプレイ。柔らかな影とリアルなガラス反射。 スタイルと制約：ミニマルな高級感あるApple基調講演スタイル、San Franciscoフォント風のタイポグラフィ、余白を活かしたグリッド配置。ブラウザ枠やナビゲーションバー、余計な透かし等は含めない。 ``` --- ## 高級ハードウェアウォレットのLPヒーロー - URL: https://www.gptimagehub.com/ja/library/luxury-hardware-wallet-landing-page-hero - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19762 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fluxury-hardware-wallet-landing-page-hero - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: フィンテック, ランディングページ, 暗号資産ウォレット, uiデザイン, 製品レンダリング, 高級テック, ダークモード - Updated: 2026-10-27T14:01:58.098Z - Created: 2026-10-27T14:01:58.098Z チタン製ハードウェアウォレットの浮遊レンダリング、洗練されたUI、仕様カードを備えたダークフィンテックLPを生成します。角括弧内の文字や素材は変更可能です。 ### Full prompt ```text {"type":"暗号資産ハードウェアウォレット向けの映画のような高級テック製品ランディングページヒーローセクション","style":"ダークラグジュアリーなフィンテックWebサイト、洗練されたUIデザインと融合したフォトリアルな製品レンダリング、ムーディーなブラックとディープネイビーの背景、アイスブルーのハイライト、細い角丸アウトライン、柔らかなグロー、ハイコントラスト、ブラシ仕上げの金属テクスチャ、濡れた反射テーブル、ドラマチックなスタジオライティング","brand":{"logo":"ファセット加工の小さなダイヤモンドアイコン","name":"[meridian]"},"layout":{"canvas":"横長16:9デスクトップWebサイトヒーロー、1200 x 675の構図","top navigation":{"position":"上部中央の大きなピル型角丸ガラス製ナビバー","count":7,"items":["ロゴとmeridianのワードマーク","VISÃO GERAL","ESPECIFICAÇÕES","MATERIAIS","SEGURANÇA","SUPORTE","カートアイコンボタン"],"purchase button":"Comprar · [R$ 2.400] →"},"left hero copy":{"position":"左側3分の1","eyebrow":"HARDWARE WALLET · EDIÇÃO #001 · 1.847 UNIDADES","headline":"[Sua chave privada merece um cofre do tamanho dela.]","headline treatment":"太字で大きな白いサンセリフ体、'cofre'の1単語のみエレガントなイタリック体セリフのライトブルー","body":"Feita em titânio grau 5 com elemento seguro certificado e tela de tinta eletrônica. Minimalista por fora. Invencível por dentro.","cta count":2,"cta labels":["Comprar agora","Ver especificações"],"stock line":"緑のステータスドットに続く EM ESTOQUE · ENVIO IMEDIATO"},"center product scene":{"position":"中央右","product":"浮かぶコンパクトな長方形ハードウェアウォレット、丸みを帯びた角、ブラックチタンブラシ仕上げメタルボディ、前面に小さな埋め込み長方形E-inkスクリーン、繊細な面取りと側面の厚み","orientation":"わずかに後ろおよび時計回りに傾き、氷の上で浮遊","surface":"水たまり、小さな水滴、強い反射を伴うダークな濡れた石のテーブルトップ","supporting objects count":2,"supporting objects":["ウォレット直下の透明で溶けかけの氷1個","氷を取り囲む不規則な光沢のある水たまり1つ"]},"right specifications card":{"position":"右側","card style":"細いブルーグレーの枠線と暗い半透明フィルの角丸長方形","section title":"ESPECIFICAÇÕES TÉCNICAS","edition heading":"[Titanium Edition]","spec row count":6,"spec rows":[{"label":"MATERIAL","value":"[TITÂNIO GRAU 5]"},{"label":"ELEMENTO SEGURO","value":"CC EAL6+"},{"label":"TELA","value":"E-INK 2.13\""},{"label":"CONECTIVIDADE","value":"USB-C"},{"label":"DIMENSÕES","value":"85.6 × 54.0 × 2.5 MM"},{"label":"PESO","value":"55 G"}],"footer":"AUDITADO POR KECCAK · RELATÓRIO DISPONÍVEL"}},"typography":"UIラベル用のモダンな幾何学的サンセリフ体、特大の太字白見出し、'cofre'とエディション名用の洗練されたイタリックセリフアクセント、小さな大文字等幅の技術的ディテール","color palette":"ブラックに近い黒、ミッドナイトネイビー、スチールグレー、チタンシルバー、フロスティペールブルー、ホワイト、小さな緑の在庫インジケーター","lighting":"左上からの冷たい指向性ライト、製品エッジのリミングライト、プライマリボタン周囲の柔らかなブルーブルーム、金属・氷・水の上でのリアルな反射","render quality":"極めてシャープ、高級広告ヒーロー、リアルなマテリアル、バランスの取れたネガティブスペース、人物なし、記載されたWebサイトUI以外の余分なパネルなし"} ``` --- ## ChatGPT モバイル透過背景ロボットプレビューUI - URL: https://www.gptimagehub.com/ja/library/chatgpt-mobile-transparent-robot-preview-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32153 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-mobile-transparent-robot-preview-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: chatgpt, モバイルui, スクリーンショット, ロボットマスコット, 透過背景, uiモックアップ, 3dレンダリング - Updated: 2026-10-27T13:55:43.098Z - Created: 2026-10-27T13:55:43.098Z 透過チェッカーボードのプレビューカードに可愛いロボットマスコットを表示するChatGPTモバイルUI画面を生成します。ロボットの見た目やメッセージを自由に変更できます。 ### Full prompt ```text クリーンな白い背景とミニマルなUIスタイルを備えた、横長16:9フォーマットのChatGPTモバイルチャット画面のリアルなスクリーンショット。右上の端には、かすり傷のある白い金属製の足、黒い機械関節、緑のアクセントパネルを持つ、愛らしい使い込まれた人型ロボットマスコットの下半身が部分的にトリミングされて配置されています。右上中央寄りには、角丸の淡いブルーのユーザー吹き出しがあり、2行の濃いグレーの日本語テキストで「[GPTちゃん、このかわいらしいロボットのマスコットの透明背景画像を作って。つまり周りの白い部分を透明にして。]」と表示されています。左下には、グレーと白のチェッカーボード透過パターンを表示した大きな角丸長方形のプレビューカードが配置されています。カード内には、傷ついた白い金属プレート、緑の肩と耳パネル、四角い頭、暖かく光る長方形の黄色い目、右側のアンテナ、額のOpenAIロゴプレート、胸に手書きの日本語テキスト「[ちゃっぴ〜]」が施されたロボットマスコットの上半身が描かれ、左手を振っています。プレビューカードの右下隅には小さな丸いダウンロードボタンが配置されています。下端には角丸の白い入力バーが広がり、左側にプラスアイコン、プレースホルダーテキスト「[ChatGPT に質問]」、モデルラベル「[高い⌄]」、マイクアイコン、右端に青い円形の音声波形ボタンが並んでいます。鮮明なタイポグラフィ、柔らかい影、余白を活かした3DレンダリングとモダンなモバイルUIの融合。 ``` --- ## ダークモードAI生成結果UIカード - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-generator-result-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32178 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-generator-result-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: モバイルui, ダークモード, アプリ画面, aiジェネレーター, カードui, 漢服ポートレート - Updated: 2026-10-27T13:54:38.098Z - Created: 2026-10-27T13:54:38.098Z AIポートレート生成結果カードを表示するダークモードのモバイルUIスクリーンショット。漢服の描写やプロンプト文を変更してカスタマイズできます。 ### Full prompt ```text ダークモードのAI画像生成結果カードを表示したリアルなモバイルアプリのスクリーンショット。ダークチャコールブラウンの背景、角丸カード、ゆったりとしたマージンを配置。 メインコンテンツ： - 上部カード：角丸の正方形ポートレート。[a beautiful young woman in pale green and pink Hanfu, lotus-flower hair ornaments, loose black updo, delicate dangling jewelry, soft melancholic expression, facing forward in a close-up half-body composition]（淡い緑とピンクの漢服を着た美しい若い女性、蓮の花の髪飾り、ゆるい黒髪のアップスタイル、繊細な揺れる装飾品、憂いを帯びた表情、正面のクローズアップ半身構図）。ポートレートのスタイル：幻想的、ヴィンテージ、淡い水彩画風、柔らかな自然光、輝く髪、透け感のあるシルク生地、純白の背景、左前方にパステルカラーの蓮の花、右側の髪に淡い花の飾り、右奥に小さなお茶のテーブルのディテール。 - 画像下のプロンプトテキスト：左揃えの白い3行テキストで末尾に省略記号：「[生成图片。人像全身图，朦胧治愈感，水粉画质感，治愈系，复古，纯白背景。华丽淡绿色与粉色襦裙女子，蓬松发髻，荷花头饰，正面近景头部特写。文静优雅，发丝发光，泛光，朦胧，...]」。その下に下線付きのリンク「[展开更多]」。 - メタデータ行：左側に「[MAI-Image-2.6]」と日付「[8月20日]」。右側に4つのアウトラインアイコン（高評価、低評価、共有矢印、縦3点メニュー）。 - 下部アクションボタン：角丸長方形のグレーのボタンが横並びで2つ、「Edit this image」と「Create a new image」。 スタイル：鮮明なモバイルUIタイポグラフィ、リアルなアプリ描写、バランスの取れたダークモードレイアウト、発光するパステル調のポートレートと暗いUI背景の明確なコントラスト。 ``` --- ## ダークモードAIチャット画面アニメ生成スクショ - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-chat-screenshot-with-anime-generation - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-33625 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-chat-screenshot-with-anime-generation - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ダークモード, チャットui, アニメ風, スクショ, モックアップ, 夕暮れ, 重音テト - Updated: 2026-10-27T13:52:23.098Z - Created: 2026-10-27T13:52:23.098Z アニメイラストカードが埋め込まれたダークモードのAIチャットUI画像を生成します。キャラ名や髪色、テキストを変更可能です。 ### Full prompt ```text 生成された[重音テト]のアニメイラストを表示する、正方形1:1のダークモードAIチャット画面のスクリーンショット。 UIレイアウトとテキスト： - 十分な余白を持つ純粋なダークグレー背景のミニマルなダークチャットアプリUI。 - 右上：丸みのあるグレーのユーザー吹き出し。明瞭な白のサンセリフ体で正確に「重音テトのイラスト出して　素晴らしいやつ」と表記。 - その下の左側：薄いグレーの小さなステータス行で、正確に「1m 10s考えました ›」と表記。 - 埋め込み画像カード：ステータス行の下に配置された、角丸の大きな縦長画像カード。 - カード内オーバーレイ：左下に「編集」と書かれた小さな丸薬型グレーボタン、右下に円形のアクションアイコン。 - 下部アクション：画像カードの真下に並ぶ3つの小さなミニマルアイコン（コピー、共有、三本点メニュー）。 画像カード内のイラスト： - 被写体：太ももあたりから上の構図で、自信ありげな笑みを浮かべながら肩越しにこちらを振り返る[重音テト]の美麗なアニメイラスト。 - 特徴：鮮やかな[赤]色の大きなどリルツインテール、赤い瞳、赤のトリムが入った黒のノースリーブアイドル衣装、プリーツスカート、長い黒のアームウォーマーを身につけ、風になびく赤いネクタイを指で軽くつまんでいる。 - 背景：手前に屋上の手すり、夕暮れのオレンジとピンクの空に浮かぶ柔らかな雲、遠くの街並みのシルエット。 - アートスタイル：鮮明なセル画調の現代アニメ風、滑らかな線画、温かみのあるシネマティックな逆光ライティング。 ``` --- ## 仙侠ゲーム着せ替えワードローブUI - URL: https://www.gptimagehub.com/ja/library/xianxia-game-wardrobe-ui-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19850 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fxianxia-game-wardrobe-ui-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 着せ替えゲーム, ゲームui, 仙侠, キャラメイク, モバイルゲームui, ファンタジーui - Updated: 2026-10-27T13:48:38.098Z - Created: 2026-10-27T13:48:38.098Z ファンタジーキャラクターと装備パネルを備えた着せ替えゲームUIを生成します。キャラのスタイルやパネル内容を変更して応用できます。 ### Full prompt ```text [古代仙侠風]の女性キャラクターが中央に立つ着せ替えモバイルゲームのUIインターフェース画面。衣装カスタマイズアイコン、カテゴリタブ、装飾的な伝統ファンタジー風UIエレメントを備えた見やすい[ワードローブ選択パネル]を含むレイアウト。 ``` --- ## パステル調の日本風モバイルゲーム広告 - URL: https://www.gptimagehub.com/ja/library/pastel-japanese-mobile-game-promotion - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16092 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpastel-japanese-mobile-game-promotion - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: モバイルゲーム, ストアスクリーンショット, カワイイ, パステルピンク, ゲームUI, スプリット画面, 日本風広告 - Updated: 2026-10-27T13:45:43.098Z - Created: 2026-10-27T13:45:43.098Z スマホモックアップと可愛い文字が入ったスプリット画面の日本風ゲーム広告を生成。見出しやUI文字、ゲーム画面を自由に変更可能です。 ### Full prompt ```text やわらかなパステルカワイイスタイルの、洗練された日本のモバイルゲーム広告グラフィック。2つの縦長パネルが左右に並んだ正方形のスプリットスクリーンレイアウト。左半分は淡いブラッシュピンクの水彩背景、右半分は温かみのあるクリームからピンクへのグラデーション背景。 左パネル： - 上部タイポグラフィ：ダークローズピンクの太く丸みを帯びた日本語の見出し「[ミルクと、ふわふわ脱出。]」、その下に小さめのグレーのサブタイトル「[やさしい謎解きの世界へ]」。 - 中央：可愛い脱出ゲームのタイトル画面を表示する黒枠の最新スマートフォンモックアップ。画面内にはキラキラしたピンク背景に大きな潤んだ瞳のふわふわクリーム色の子猫、シャボン玉、ハート、日本語ロゴ「もふもふミルク にゃんこ」、リボン状のサブタイトル「脱出ゲーム」、下部に大きな丸い「はじめる」ボタン。 - 周囲の装飾：透き通るシャボン玉、小さなリボン、ハート、下部に散りばめられた星のきらめき。 右パネル： - 上部タイポグラフィ：ダークローズピンクの太く丸みを帯びた日本語の見出し「[謎を解いて、おへやを抜けだそう。]」、その下に小さめのグレーのサブタイトル「[全10ステージの脱出パズル]」。 - 中央：ゲームプレイ画面を表示する黒枠のスマートフォンモックアップ。ストライプ壁紙の夢のようなパステルピンクの部屋、木製棚、上段に並ぶ3つの小さなぬいぐるみ、中段に3つの空のスロット、下段に2つの小さなアイテム（ピンクの長方形と傾いたカード）。画面UIには左上に「ミルクのおへや」、右上に円形アイコン、右端に縦の南京錠アイコン、下部バーに「アイテムがまだないよ」と表示。 全体スタイル：App Storeのスクリーンショット風、やわらかな光、パステルピンクとクリーム色、整った余白、丸文字フォント、可愛らしくフェミニンな雰囲気。 ``` --- ## ミニマルなスマートフォン壁紙テンプレート - URL: https://www.gptimagehub.com/ja/library/minimalist-smartphone-wallpaper-template - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-13092 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-smartphone-wallpaper-template - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 9:16 - Style: graphic-design - Tags: 壁紙, スマホ背景, ミニマル, ロック画面, 余白, テンプレート - Updated: 2026-10-27T13:42:08.098Z - Created: 2026-10-27T13:42:08.098Z ロック画面のウィジェット配置に適した余白のある9:16壁紙を生成します。角括弧内の被写体や設定を変更して自由にカスタマイズ可能です。 ### Full prompt ```text [夕暮れの静かな霧の丘に佇むミニマルな一本の松の木]、美しい9:16の壁紙構図。上部と下部に自然なネガティブスペースを広く確保したシンプルなシーン。背景には上から下への繊細なカラーグラデーション。全体にクリアなピント、強いボケ効果やトリミングなし。 ``` --- ## 睡眠サポートアプリのモックアップ画面 - URL: https://www.gptimagehub.com/ja/library/bedtime-companion-app-prototype-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29733 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbedtime-companion-app-prototype-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: UIモックアップ, スマホアプリ, 睡眠アプリ, 和風デザイン, マスコット, グラスモーフィズム, 夜空 - Updated: 2026-10-27T13:36:03.098Z - Created: 2026-10-27T13:36:03.098Z 天使の羽を持つぬいぐるみマスコットを配した、癒やしの睡眠アプリのiPhone2画面モックアップを生成します。括弧内のテキストや時間を変更してカスタマイズ可能です。 ### Full prompt ```text 白の無地背景に2台の黒いiPhoneが左右に並ぶ、洗練されたモバイルアプリのプロトタイプモックアップ（1:1 正方形構図）。繊細なドロップシャドウを伴うリアルなデバイスフレーム、Dynamic Island、ステータスバー（「18:11」、バッテリー、Wi-Fiアイコン表示）、下部の白いホームインジケーター。 ビジュアルスタイル：日本の癒やし系睡眠サポートアプリ。ダークネイビーから濃いインディゴへのグラデーション背景、微小に煌めく星々、柔らかな月の光、すりガラス調グラスモーフィズム、落ち着いたラベンダー色のパネル、温かみのあるオレンジ色のアクセントボタン。夢心地で安らぎに満ちた夜の雰囲気。 キャラクター：各画面に1体ずつ（合計2体）配置された、淡いラベンダー色のテディベア風ぬいぐるみマスコット。丸い小さな耳、シンプルな黒い目、小さな微笑み、柔らかな質感、お座りポーズ、クリーム色の小さな天使の翼、周囲のほのかな光のオーラ。各画面の右上にミニマルな三日月アイコン。 左画面のレイアウト： - 左上に白い文字で「[こんばんは]」、その下に「[睡眠時間 0:30]」。 - 右上に小さな円形スピーカー／音声ボタン。 - 中央上部に天使の羽を持つぬいぐるみマスコット。 - マスコットの下に小さな日本語テキスト：「TikTok・Instagram Reels・YouTube Shorts を見ていた君が、ここで一緒に眠れるれるよ。」 - 下部に「[この子と、夜を終える]」と書かれた大きめな角丸クリーム色のプライマリボタン。その右下角に重なる小さなオレンジ色の丸型フローティングアクションボタン。 - 最下部に4つのラインアイコン付きナビゲーションバー：1) キラキラ「森」、2) スマホ「日々みる」、3) 三日月「おやすみ」、4) 歯車「せってい」。 右画面のレイアウト： - 上部中央に短い薄紫のハンドルライン。 - ハンドルの下に白文字のタイトル「[この子の思い出]」。 - その下にやや小さめの天使羽付きマスコットと右上の三日月。 - マスコットの下に中央揃えの小さな日本語テキスト：「まだ思い出はないよ。今夜が、最初の一夜になるかも。」 - 画面下半分は星が散らばる静かな夜空。 - 右下に小さなオレンジ色の丸型フローティングボタン。 制約事項：スマートフォン画面はちょうど2つ、マスコットは合計2体、三日月は合計2つ、鮮明で読みやすい日本語テキスト、余計なロゴやウォーターマークはなし。 ``` --- ## エディトリアル風AIポートフォリオWebモックアップ - URL: https://www.gptimagehub.com/ja/library/editorial-ai-portfolio-website-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14656 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Feditorial-ai-portfolio-website-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: graphic-design - Tags: ui uxデザイン, webモックアップ, ランディングページ, ポートフォリオデザイン, エディトリアルデザイン, webインターフェース - Updated: 2026-10-27T13:34:43.098Z - Created: 2026-10-27T13:34:43.098Z 洗練された透明感のある個人向けAI・技術ポートフォリオのLPモックアップを生成します。見出しやナビ、プロジェクトカード、背景イラストを自在に変更可能です。 ### Full prompt ```text {"type":"エディトリアルポートフォリオウェブサイトのランディングページモックアップ","style":"クリーンでモダンなWebデザイン、開放感のあるプレミアムな美学、柔らかなエディトリアルタイポグラフィ、パステル調の海岸パレット、繊細なグラスモーフィズム、高級スタートアップのポートフォリオ感","canvas":{"aspect_ratio":"3:2","background":"ブラウザフレーム外の柔らかな青空"},"browser":{"type":"デスクトップブラウザウィンドウモックアップ","top_bar":{"traffic_lights":3,"address_text":"angaisb._ai","right_icons":3},"corner_radius":"大","shadow":"柔らかなフロートシャドウ"},"brand":{"logo_text":"Angaisb_"},"header":{"nav_count":5,"nav_items":["Home","Projects","Writing","Tools","About"],"active_item":"Home","cta_button":{"text":"[Contact]","style":"角丸のイエローピルボタン"}},"hero":{"layout":"左側にテキスト、右側にフルブリードで溶け込むイメージシーンを配置したスプリットエディトリアルヒーロー","background_scene":"青い海の水平線、ふわふわした白い雲、手前に咲くピンクとオレンジの花々、柔らかく幻想的な雰囲気の晴れた海岸の高台","headline":"[AI, ideas, and optimistic futures]","subheadline":"[Experiments, tools, and thoughts on artificial intelligence]","primary_cta":{"text":"Explore Projects","style":"矢印付きの黄色い角丸ボタン"},"secondary_cta":{"text":"Read the latest","style":"矢印付きテキストリンク"},"human_figure":{"count":1,"description":"後ろ姿の若い男性、短い茶髪、鮮やかな黄色いセーターを着用、ヒーローセクション右寄りに配置、海を見つめる"},"overlay_card":{"count":1,"style":"半透明フロストガラスの角丸カード","icon":"小さな黄色い円形アイコン","text_lines":["Building with curiosity.","Designing for impact.","Sharing openly."]},"network_graphic":{"count":1,"description":"右上の空に浮かぶ繊細な白いノードとラインの星座グラフィック"}},"main_sections":[{"title":"Featured","position":"コンテンツ上部","count":3,"labels":["BloomBench","ThoughtGarden","Open Prompts"],"cards":[{"title":"BloomBench","tag":"Research","description":"実世界の視覚推論に関するマルチモーダルLLM評価ベンチマーク。","thumbnail":"海辺の花と薄いUIオーバーレイ"},{"title":"ThoughtGarden","tag":"Tool","description":"アイデアが繋がり進化するパーソナルナレッジガーデン。","thumbnail":"青空の下の緩やかな緑の丘と半透明インターフェースパネル"},{"title":"Open Prompts","tag":"Resources","description":"実践的なAIビルダー向けのプロンプト、パターン、パイプライン集。","thumbnail":"花と空と半透明インターフェースパネル"}],"top_right_link":"View all projects"},{"title":"Latest Writing","position":"左下","count":1,"labels":["The Optimism Loop in AI"],"card":{"title":"The Optimism Loop in AI","description":"なぜ楽観主義が創造性、研究、責任あるAIの力乗となるのか。","date":"May 12, 2024","thumbnail":"花の中に立つ黄色いセーターの後ろ姿の人物"},"top_right_link":"View all"},{"title":"Currently Exploring","position":"中央下","count":3,"labels":["Multimodal Reasoning","AI for Scientific Discovery","Human-AI Collaboration"],"style":"小さなアイコン付きの柔らかい角丸トピックピル3つ"},{"title":"About","position":"右下","count":1,"labels":["More about me"],"text":"テクノロジーは人間の可能性を拡張し、より良い未来を築く力になると信じるAIクリエイター兼研究者。","decoration":"右下の繊細なピンクの花のイラスト"}],"visual_details":{"cards":"薄いライトグレーの境界線と柔らかな影を持つ白い角丸カード","spacing":"ゆったりとした余白とバランスの取れたグリッド","typography":"エレガントな大型セリフ見出しとすっきりとしたサンセリフUIテキストの組み合わせ","colors":{"primary_text":"ディープネイビー","accent":"ウォームイエロー","background":"ホワイトとペールスカイブルー","secondary_accents":"ソフトピンク、グリーン、ラベンダー"}}} ``` --- ## アニメヒーローバナー付きソフトウェアプロジェクトLP - URL: https://www.gptimagehub.com/ja/library/software-project-landing-page-with-anime-hero-banner - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25054 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsoftware-project-landing-page-with-anime-hero-banner - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: anime - Tags: ui-uxデザイン, github-readme, ランディングページ, アニメバナー, ちびキャラ, ドキュメント, バッジ - Updated: 2026-10-27T13:34:38.098Z - Created: 2026-10-27T13:34:38.098Z ステータスバッジとファンタジーアニメバナーを備えたドキュメント風プロジェクト紹介ページを生成します。タイトルやバッジ、小道具を変更して独自の開発ツールをアピールできます。 ### Full prompt ```text ブラウザ枠のない純白の背景に配置された、クリーンなGitHub READMEスタイルのドキュメントWebページスクリーンショット。上部中央には太字の見出し「[GPT Image 2 Prompt Gallery + Agentic Skill + CLI]」と小さなアンカーアイコン、その下に斜体のサブタイトル「OpenAI GPT Image 2 prompt gallery, image prompt library, agentic skill, and CLI — curated, copy-paste prompts and runnable examples for skill-capable agents.」を配置。その下には青い下線付きの言語リンク「English · 中文」、ステータスバッジ（「License MIT」「PRs welcome」「model gpt-image-2」「python ≥3.11」）、ランキングバッジ（「oosmetrics Top 1 Agents」「oosmetrics Top 1 LLMs」「oosmetrics Top 1 CLI」）が並ぶ。バッジの下には、温かみのあるシネマティック照明と鮮やかなアニメチビスタイルの魔法工房を描いたワイドなヒーローバナーを配置。上部中央の黒い毛筆看板には粗削りな金文字で「[GPTImage2Skill]」と書かれている。工房の手前には巻物やUI設計図、イラスト見本、鳥の写真を掲げる8人のチビファンタジーキャラクターが並び、衣装は精緻だが顔は様式化された無地の淡い長方形。浮遊するシアンのUI画面や魔法のオーブ、工具が洞窟工房を満たしている。 ``` --- ## B2B SaaS ランディングページ ヒーロー - URL: https://www.gptimagehub.com/ja/library/b2b-saas-landing-page-hero - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20105 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fb2b-saas-landing-page-hero - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: saas, ランディングページ, uiデザイン, webデザイン, ダッシュボード, モックアップ, 日本語, b2b - Updated: 2026-10-27T13:32:53.098Z - Created: 2026-10-27T13:32:53.098Z 正確な日本語タイポグラフィと3Dダッシュボードモックアップを備えたエンタープライズ向けデータ基盤LPを生成します。角括弧内のブランド名や文言を自由に変更可能です。 ### Full prompt ```text データ基盤・分析プラットフォーム「[NOVALITH]」の洗練されたB2B SaaSランディングページヒーローセクション。16:9のアスペクト比のデスクトップWeb画面、淡いシアンのグラデーションが広がる清潔な白背景、繊細なネットワークライン幾何学、微小なドットマトリックス、光沢のある床面の反射。ディープネイビー、ティール、シアン、クリーンホワイトの洗練された企業向けカラーパレット。 ヘッダー：左上にシアンからネイビーへの角ばったグラデーション「N」アイコンと「NOVALITH」のワードマーク。中央上部に5つの日本語ナビゲーション「プロダクト」「ソリューション」「ドキュメント」「リソース」「会社情報」。右上には「ログイン」と矢印付きの丸みを帯びたティール色ボタン[お問い合わせ]。 ヒーロー左側：2行構成の太字ネイビー見出し「[データを、未来の意思決定に変える。]」。その下に日本語のサブ見出し「[NOVALITHは、開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。]」。その下に細線ティールアイコン付きの3つの機能ブロック：1) レイヤーアイコン「統合された基盤」「データとシステムを一元的に統合」、2) シールドアイコン「堅牢なガバナンス」「セキュリティと品質を標準で確保」、3) 上昇矢印アイコン「高速な意思決定」「信頼できるデータで意思決定を加速」。下部にはティールのメインCTA[プロダクトを見る]と、白枠のサブCTA「資料をダウンロード」。 ヒーロー右側：丸みを帯びた光沢あるUIパネルが斜めに浮遊するダッシュボードモックアップ。背後には巨大な半透明ティール/ネイビーの3D「N」構造体と角張ったシアンのガラスパネル。ダッシュボード内には6つのサイドメニュー（「ダッシュボード」強調表示、「データカタログ」「パイプライン」「モニタリング」「ガバナンス」「アラート」）、4つの指標カード（「データパイプライン」128、「データ品質スコア」98.6%、「アクティブユーザー」1,256、「処理データ量」2.45 PB）、折れ線グラフ、3ノードのパイプライン図、4行のアラート一覧、96%を表示するドーナツチャート。 鮮明なUIベクター表現、リアルな3Dガラスの質感、余白を活かした配置、高精度な日本語タイポグラフィ、人物なし、ノイズなし。 ``` --- ## ダークモード認証アプリのオンボーディングモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-mode-authenticator-app-onboarding-mockups - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19293 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-authenticator-app-onboarding-mockups - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, モバイルアプリ, オンボーディング, ダークモード, セキュリティアプリ, アプリ紹介 - Updated: 2026-10-27T13:30:58.098Z - Created: 2026-10-27T13:30:58.098Z ダークモードのセキュリティアプリUIを示す4画面のモバイル導線。アクセントカラーやボタン表記、アイコンを変更して各種ユーティリティに応用できます。 ### Full prompt ```text 参考デザインに基づき、パースの歪みや反射、デバイス周囲の写り込みを排した高精細なモバイルオンボーディング4画面のUIモックアップ。4台の[iPhone風]スマートフォンフレームが、[薄いグレー]の背景の上に正面向きで均等に横一列に並んでいます。[ブルーのセキュリティ視覚スタイル]を採用したダークモード仕様で、丸みを帯びた端末フレーム、上部のステータスバー、スキップリンク、下部のホームインジケーターを備えています。 左から右へ、正確に4つの画面： 1. 「[Get Started]」ボタンが配置されたオーセンティケーターアカウント保護画面。 2. 通知設定トグルスイッチと「[Continue]」ボタンを備えたアラート通知画面。 3. シールドと錠前のグラフィック、ソーシャルアイコン、「[Continue]」ボタンを備えたエンドツーエンド暗号化画面。 4. 生体スキャンオーバーレイグラフィック、有効化トグル、「[Continue]」ボタンを備えたFace ID保護クイック設定画面。 鮮明なタイポグラフィ、一貫したスペーシング、視認性の高いシャープなテキスト、アプリストア向けのような洗練されたデザイン。 ``` --- ## 2000年代風フラッシュ写真とAIプロンプトUI - URL: https://www.gptimagehub.com/ja/library/early-2000s-flash-snapshot-ai-prompt-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20358 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fearly-2000s-flash-snapshot-ai-prompt-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: photorealistic - Tags: 2000年代風, フラッシュ撮影, ハウスパーティー, uiモックアップ, モザイク処理, ソーシャルメディア - Updated: 2026-10-27T13:28:43.098Z - Created: 2026-10-27T13:28:43.098Z 顔にモザイクが施された2000年代初頭のパーティー写真と最新AIプロンプトUIを生成します。人物の服装、日付、プロンプト文を自由に変更可能です。 ### Full prompt ```text 無地のベージュの壁を背景に、カジュアルなハウスパーティーで身を寄せ合う[3人の友人]を捉えた、2000年代初頭のノスタルジックなスナップフラッシュ写真。強い直射フラッシュ、屋内の暖色系カラーキャスト、微細な粒子感、甘いピント、肌のわずかな露出オーバー、暗い周辺減光など、低解像度の使い捨てカメラスナップの質感。左側の金髪女性はビンテージパッチ付きの茶色いメッシュキャップに白いインナーを重ねた緑のタンクトップとアクセサリーを着用。中央の短いスパイキーな黒髪の男性は黒いハーレー風Tシャツを着て両脇の友人に腕を回している。右側の黒髪女性は白いレースを重ねた茶色いホルターネックとターコイズのペンダントを着用。3人の顔はそれぞれ肌色の平らな長方形のモザイクブロック（計3枚）で隠されている。写真右下には「[05 14 2003]」とオレンジ色の日付スタンプが入る。写真の下部にはAI画像生成アプリ風のモダンで丸みのある白いプロンプト入力バーがあり、「[early 2000s flash photo, red eyes, friends at a house party, point-and-shoot camera]」というテキスト、末尾の縦棒カーソル、黒い矢印アイコンが入った丸い送信ボタンが配置されている。上部に写真、下部にUI入力バーを配した横長構図。 ``` --- ## 高級ヴィラサイトのノートPCモックアップ - URL: https://www.gptimagehub.com/ja/library/luxury-villa-website-laptop-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22421 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fluxury-villa-website-laptop-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: macbookモックアップ, ウェブデザイン, ui ux, 高級ヴィラ, ランディングページ, ポートフォリオ - Updated: 2026-10-27T13:27:53.098Z - Created: 2026-10-27T13:27:53.098Z フランスの高級不動産サイトを表示する浮遊MacBookモックアップ。ブランド名や見出し、画面画像を変更してUI作品をアピールできます。 ### Full prompt ```text 高級ヴィラのウェブサイトを紹介するリアルで上質なノートPCモックアップ。シームレスなライトグレーのスタジオ背景の中、1本の手が下から支えるようにして、開いたダークグレーのMacBook Pro1台が斜め3/4の角度で水平に浮いています。 ノートPCの詳細：上部中央にノッチがある黒いベゼル、薄型ディスプレイ、左側面に見えるポートとヒンジ、下部ベゼルに控えめな「MacBook Pro」の刻印。 画面上のUI：[VILLA SOLARA]向けのフランスの高級不動産ランディングページが全幅で表示されています。温かみのあるオフホワイトのナビゲーションバーには、左端に小さなゴールドのアクセントライン、文字間隔を広げた黒の大文字でブランド名「[VILLA SOLARA]」、右側には「LA VILLA」「GALERIE」「PRESTATIONS」「LOCALISATION」の4つの項目と丸みを帯びた黒い「RÉSERVER」ボタンが並んでいます。 ヒーローセクション：夕暮れ時にインフィニティプールと海を望むモダンな白亜の地中海風ヴィラ、ヤシの木、温かい間接照明、テラスのサンラウンジャーを写した高解像度写真。中央には大きなエディトリアル調のセリフ体で「[L’exception comme quotidien]」とレイアウトされ、「L’exception comme」は白、「quotidien」はイタリック体のゴールデンイエローです。左上に目立たない微小な座標テキスト、メイン見出しの下に控えめなサブタイトルが配置されています。 ライティングとスタイル：手とPCの下に柔らかな影を落とす、ソフトで写実的なスタジオ照明。極めて鮮明なスクリーンディテール、洗練されたデザインエージェンシーのポートフォリオ品質、余計な装飾やウォーターマークのないミニマルな仕上がり。 ``` --- ## ミニマルなAIギャラリーのヒーローランディングページ - URL: https://www.gptimagehub.com/ja/library/minimalist-ai-gallery-hero-landing-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26151 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fminimalist-ai-gallery-hero-landing-page - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui-uxデザイン, ヒーローバナー, 3dレンダリング, ランディングページ, テック系スタートアップ, フローティングカード - Updated: 2026-10-27T13:22:28.098Z - Created: 2026-10-27T13:22:28.098Z 浮遊するカードとマーケティングコピーを備えた、洗練された高級感ある3Dヒーローバナーを作成します。括弧内のブランド名やUIテキストを変更してご利用ください。 ### Full prompt ```text [AIVIVE] のプレミアムなランディングページ用ヒーロー画像。背後から見た着座ユーザーの視点で、AI画像生成ギャラリーを描く。 環境と構図: ワイドな16:9比率、柔らかなビネットと浅い被写界深度を備えた温かみのあるベージュのスタジオ背景。前景の下部には、丸みを帯びたクリーム色のソファに座り、背もたれに腕を置いて前方の浮遊ディスプレイを見つめる人物の背中。最上部の中央にはスタイリッシュな黒いロゴ「[AIVIVE]」を配置。 浮遊するフィードカード: 角丸ガラス風の浮遊画像カードが計14枚、奥行きに向かって緩やかなカーブを描く： - 中央（1枚）: ドラマチックな黄金の雲の下、光るキューブが浮かぶ反射する岩場に佇む孤独な人物を描いた鮮明な大型縦型カード。右上隅に小さな白いハートアイコン付き。 - 左側（7枚、傾斜して奥行きへ配置）: 左端の暖かい街並み、大きな花のポートレート、小さな歩行者がいる森の小道、小さな淡い抽象画、森の背後にあるぼかした淡い風景、宇宙飛行士のヘルメットのポートレート、左下の薄くぼやけたカード。 - 右側（6枚、傾斜して奥行きへ配置）: 雨降る未来都市のスカイライン、背後の小さなぼかし縦カード、大きな花のポートレート、右端の山谷風景、右上の小さなカード、都市とポートレートの間の薄い遠景カード。 タイポグラフィとUI要素: - 左上のテキスト: 「No wallet. / No subscription. / Just create.」 - 右上のテキスト: 「Pay-per-generation / in USDC. / Simple as that.」 - 左下: 小さな稲妻アイコンと「1.00 USDC」の文字が入った半透明のピル型バッジ。 - 右下: 4つの小さな円形クリエイターアバター写真と「2.3K creators」のテキストが入ったソーシャルプルーフバッジ。 スタイルと照明: 洗練された3Dコマーシャルレンダリング、柔らかいグローバルイルミネーション、温かみのあるクリームとゴールドの配色、淡い影を落とすガラス質感の浮遊カード、上品でミニマルな高級テック美学。ブラウザ枠や余分なUI要素は排除。 ``` --- ## パステル調 乙女ゲーム風UIモックアップ - URL: https://www.gptimagehub.com/ja/library/pastel-otome-visual-novel-game-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16114 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fpastel-otome-visual-novel-game-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 乙女ゲーム, ノベルゲーム, ゲームui, アニメ風UI, 恋愛シミュレーション, uiデザイン - Updated: 2026-10-27T13:18:43.098Z - Created: 2026-10-27T13:18:43.098Z 春の学園中庭を舞台にした全画面の乙女ゲーム風UIを生成します。キャラクター名や会話の選択肢、スケジュール、配色を自由に調整可能です。 ### Full prompt ```text {"type":"恋愛ビジュアルノベルゲームUIモックアップ","platform":"デスクトップゲーム画面","style":"エレガントなパステルカラーの乙女ゲームインターフェース、洗練されたアニメイラスト、華やかな金の透かし彫り、柔らかな桜のテーマ、光沢のあるボタン、レースとリボンの装飾、夢のような春のライティング","scene":{"setting":"ヨーロッパ調の校舎、満開の桜、中央の噴水、舞い散る花びら、澄み渡る青空が広がる春の名門学園の中庭","time":"午後","season":"春","mood":"甘く繊細でロマンチック"},"characters":{"count":2,"main pair":[{"role":"斜め後ろ姿の女性主人公","appearance":"ウェーブがかった栗色のロングヘアの編み込みハーフアップ、リボン付きのピンクの花飾り、クリームとピンクの制服、スレンダーな体型"},{"role":"右側に立つ攻略対象の男性キャラクター","name":"[御影 柊真]","appearance":"無造作なダークチャコールの髪、整ったアニメ調の顔立ち、金縁のクリーム色ブレザー、白シャツ、ストライプのネイビーネクタイ、ダークベスト、襟元のフラワーピン、肘をついて顔の近くに手を添えたリラックスしたポーズ","expression":"優しく穏やかな眼差し","speech bubble":"小さなピンクのハートと日本語のオノマトペ"}]},"layout":{"top bar":{"count":8,"components":["4/18と金曜日を示す日付プレート","午後を示す時間帯バッジ","ゴールド通貨カウンター","プラスアイコン付きピンクジェムカウンター","プラスアイコン付きチケットカウンター","お知らせボタン","プレゼントボタン","ミッションボタン","メニューボタン"]},"left sidebar":{"count":3,"sections":[{"title":"ステータス","count":5,"labels":["好感度","勉強","魅力","体力","ストレス"]},{"title":"所持アイテム","count":4,"labels":["ピンクのカードアイテム","紫の香水瓶","手紙または便箋アイテム","封筒アイテム"]},{"title":"主人公","count":1,"labels":["[花咲 ひより]のポートレートカード"]}]},"center":{"count":4,"components":["大型の会話イラストシーン","男性キャラクターのネームプレート","下部中央に並ぶ4つの選択肢ボタン","日本語テキストが入ったメインメッセージウィンドウ"]},"right sidebar":{"count":3,"sections":[{"title":"スケジュール","count":1,"labels":["18日がハイライトされた4月の月間カレンダー"]},{"title":"本日の予定","count":4,"labels":["10:00 サポート部活動","13:00 学食でランチ","15:30 図書館で調べ物","18:00 ファッション研究"]},{"title":"一緒にいる仲間","count":3,"labels":["親友","幼なじみ","同級生"]}]},"bottom navigation":{"count":6,"labels":["セーブ","ロード","マップ","スケジュール","ステータス","システム"]}},"text":{"language":"Japanese","dialogue":"メッセージウィンドウに表示されるロマンチックで優しい会話文","ui_labels":"すべての主要ボタンとパネルに日本語表記"},"color_palette":{"primary":"ブラッシュピンク","secondary":"クリーム","accent":"ゴールド","supporting":["ラベンダー","ミントグリーン","パウダーブルー"]},"rendering":{"quality":"高解像度のクリーンなゲーム画面モックアップ","composition":"左のステータスパネル、中央の会話シーン、右のスケジュールパネルが調和したフルスクリーンUIキャプチャ","aspect_ratio":"16:9"}} ``` --- ## ソフトミニマルUIベクターイラスト - URL: https://www.gptimagehub.com/ja/library/soft-minimal-ui-vector-illustration - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-6796 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsoft-minimal-ui-vector-illustration - Category: UI / UX デザイン - Model: nanobananapro - Aspect ratio: 4:3 - Style: graphic-design - Tags: uiイラスト, ミニマリズム, ベクターアート, ソフトグラデーション, ウェブデザイン, デジタルアート - Updated: 2026-10-27T13:10:33.098Z - Created: 2026-10-27T13:10:33.098Z 丸みのあるフォルムと柔らかなグラデーションが特徴の現代的なUI風イラストを作成します。括弧内の被写体を変更してアプリやWebサイトに活用できます。 ### Full prompt ```text [ノートパソコンを開いてデスクで作業する人]のソフトでミニマルなイラスト、丸みを帯びたフォルム、滑らかで柔らかなグラデーション、落ち着いたパステルトーン、モダンなUIベクターイラストスタイル、親しみやすく清潔感のある現代的デジタルアート。 ``` --- ## 美容液広告のレイヤー分解デモ画像 - URL: https://www.gptimagehub.com/ja/library/cosmetic-serum-layer-decomposition-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-24513 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcosmetic-serum-layer-decomposition-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: スキンケア広告, レイヤー編集, uiモックアップ, ビューティー, 高級感, 美容液, 機能紹介 - Updated: 2026-10-27T13:04:38.098Z - Created: 2026-10-27T13:04:38.098Z 高級美容液ポスターを編集可能なレイヤーに分解したAI画像編集デモ。ソフト名や商品コピーを自由に変更できます。 ### Full prompt ```text AI画像エディター向けの高級感あふれるダークラグジュアリーな広告デモバナー（16:9横長構図）。美容液の広告ポスターが編集可能なレイヤーへと分解される様子を可視化したデザイン。背景は深いネイビーブラックで、シャンパンゴールドの光の筋、繊細なレンズフレア、シネマティックな光沢ライティング。レイアウト：左側に細いゴールドの枠線で囲まれた完成版の縦型ポスター。上部中央にはソフトウェア名「[Reve 2.0]」が大きくエレガントなセリフ体の金白グラデーション文字で配置され、その下にサブタイトル「AI画像をレイヤー編集」が白文字で入る。完成ポスターから分解レイヤーへ向かう大きな光るゴールドの矢印。中央右には拡大されたモデル素材（ダークサテンのイブニングドレスを着た女性の後ろ姿、艶やかな肩、暖色リムライトの髪、夜景のボケ、顔部分にはソフトな長方形のぼかし）。右端には青い破線の選択ボックスとシアン色に光るリサイズハンドルが付いた個別の編集可能レイヤーが浮遊。左の完成ポスター詳細：「[Noxellia 3X]」および英語のサブタイトル「NIGHT REPAIR SERUM」、女性モデル、ゴールドスポイト付きダークブルー美容液ボトル、ペールゴールドの花、夜の街並み背景、白い日本語コピー（大見出し「翌朝、艶印象が変わる。」、上部コピー「一晩で、肌の修復力を最大化する」、中央「高濃度ナイトリペアセラム」、下部「通常の3倍濃度の独自成分を、1滴に凝縮。」）。編集可能レイヤー指定：シアン色のハンドル付き青い破線枠7つ（「翌朝、艶印象が変わる。」、「通常の3倍濃度の独自成分を、1滴に凝縮。」、「一晩で、肌の修復力を最大化する」、「高濃度ナイトリペアセラム」、切り抜かれたボトルと花、街並みの帯、細い金色の曲線）。下部機能ブロック：金色アイコンと日本語テキストによる3つのブロック「独自3倍濃度」「夜の集中ケア」「上質な所有感」。透かしのない、洗練された高級スキンケア広告UIデザイン。 ``` --- ## ChatGPTダークモードアニメ生成UI - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-anime-generation-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-34007 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-anime-generation-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 2:1 - Style: graphic-design - Tags: chatgpt ui, ダークモード, uiスクリーンショット, アニメイラスト, デスクトップアプリ, モックアップ - Updated: 2026-10-27T12:49:43.098Z - Created: 2026-10-27T12:49:43.098Z 中国語プロンプトと鮮やかなアニメアートプレビューを表示するChatGPTデスクトップ版ダークモードUI。プロンプトやユーザー名を自由に変更できます。 ### Full prompt ```text 中国語UI要素を備えたAI画像生成のやり取りを表示する、鮮明なダークモードのデスクトップ版ChatGPTインターフェースのスクリーンショット。左サイドバーは幅約19%を占め、ChatGPTロゴ、検索アイコン、および「新聊天」、「图片」（小さな「已更新」バッジ付き）、「资料库」、「定时任务」、「插件」、「项目」、「Codex」、「更多」の8つのナビゲーション行が並ぶ。「最近」ヘッダーの下には「超现实画面生成」と「生成幻想原画提示词」の2つの履歴項目。左下のプロフィールには「TT」の青い丸型アバター、ユーザー名「[Tryntje Titulaer]」、「免费版」の表示。メインチャット領域の右上には「免费试用」カプセルボタン。ダークグレーのプロンプト入力欄には青くハイライトされた「[超2d,反结构色.强畸变反透视。简谐,无字神话.21:9]」のテキストと、「取消」「发送」ボタンが配置される。その下には「编辑」オーバーレイボタン、ダウンロード矢印、共有アイコンが付いた21:9のアスペクト比の画像プレビューカード。カード内には、歪んだ逆透視魚眼構図で描かれた超ダイナミックなファンタジーアニメイラストがあり、青空や夕焼け、砕けた岩壁、巨大な龍鳳を背に、神話的な女性キャラクターが手前に巨大な手を伸ばしている（コバルトブルー、鮮烈なオレンジ、深紅の色彩）。カード下にはコピー、高評価、低評価、共有、詳細の5つのアクションアイコンが並ぶ。 ``` --- ## サイバーパンク格闘ゲームのキャラクター選択画面 - URL: https://www.gptimagehub.com/ja/library/cyberpunk-anime-versus-character-select-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20283 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcyberpunk-anime-versus-character-select-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 2:3 - Style: graphic-design - Tags: ゲームui, キャラクターセレクト, サイバーパンク, アニメ, 対戦画面, 格闘ゲーム, ネオンhud - Updated: 2026-10-27T12:46:13.098Z - Created: 2026-10-27T12:46:13.098Z 2人の対戦ファイター、ステータス、選択グリッドを備えたネオン調格ゲーUIを生成します。括弧内のタイトルやキャラ名を変更して調整できます。 ### Full prompt ```text 架空の対戦格闘ゲーム「[SynClub]」の、光沢あるアーケード対戦メニュー風の縦型サイバーパンク・アニメキャラクター選択画面。 構図とレイアウト：縦長2:3モバイルポスター比率。背景はダークな未来派ネオンシティで、左側が青、右側がネオンピンク／レッドに斜めに二分され、発光HUDライン、走査線、火花、パーティクル、ハイコントラストなリムライトが施されている。画面最上部中央にエレクトリックブルーのハイライトが入ったメタリックな角型ロゴ文字「[SynClub]」、その直下に「CHARACTER SELECT」のサブタイトル。左上に青く光る「PLAYER 1」、右上にピンクに光る「PLAYER 2」のSF風タブ。画面中央のグリッドを挟んで両脇に大型の立ち絵ファイター2体（左に青のP1、右にマゼンタのP2）。画面下部中央には輝く「VS」アイコン。最下部には5つの操作ガイド（選択、決定、戻る、ランダム、オプション）とコントローラーボタンアイコンが並ぶコマンドバー。 メインキャラクター： - 左（Player 1）：「[REGULUS]」（下に日本語「レグルス」）。黒いマント、鎖、金属装飾、青い発光ライン、影のかかった青白い顔、赤い瞳のフード姿の男性アサシンファイター。片手の手袋でフードを持ち上げるミステリアスな構え。名前の下に5項目（TYPE, POWER, SPEED, RANGE, TECHNIQUE）の小型ステータス枠があり、TYPEは「スピード」、ゲージは青く発光。 - 右（Player 2）：「[MERU]」（下に日本語「める」）。ツインテールの金髪ゴスロリ少女。赤と黒のフリルドレス、薔薇の装飾、黒手袋、チョーカー、ハートの宝石、片手を頬に添えた上品で茶目っ気のあるポーズ。名前の下に同様の5項目ステータス枠、TYPEは「トリッキー」、ゲージは赤く発光。 キャラクター選択グリッド：中央下部に発光するSF枠のポートレートタイルが正確に14個配置： - 1段目（3枠）：フードの男性、金髪女性、仮面のキャラ。 - 2段目（3枠）：銀髪メイド、青い「P1」バッジ付きレグルス、赤い「P2」バッジ付きめる。 - 3段目（5枠）：サイボーグ、魔女、金髪男性、黒髪仮面戦士、褐色のツンツン髪少年。 - 4段目（3枠）：水生・人魚風の少女、白髪キャラ、「Random」と書かれた？マークのシルエット。 下部対戦パネル： - 左下青パネル：「PLAYER 1 [REGULUS] レグルス」、エンブレム、シックな黒い剣のイラストとともに「MAIN WEAPON」欄に「[黒剣 -ノクターナル-]」。 - 右下赤パネル：「PLAYER 2 [MERU] める」、薔薇エンブレム、薔薇モチーフのマイクイラストとともに「MAIN WEAPON」欄に「[ローズマイク]」。 スタイル：極めて緻密なアニメキーアート、洗練されたeスポーツ格闘ゲームUI、ネオンシアンとマゼンタの対比配色、シャープな角形HUDフレーム、発光タイポグラフィ、完成されたゲームメニュー画面の質感。 ``` --- ## AIコーディングブートキャンプ LPデザインモックアップ - URL: https://www.gptimagehub.com/ja/library/japanese-ai-coding-bootcamp-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27493 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-coding-bootcamp-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ランディングページ, uiデザイン, lpモックアップ, 日本語タイポグラフィ, ブートキャンプ, aiエージェント - Updated: 2026-10-27T12:41:08.098Z - Created: 2026-10-27T12:41:08.098Z AIコーディングスクール向けの7セクション構成による高品質な縦長LPモックアップを生成します。ブートキャンプ名や講師名、キャッチコピーを変更して調整可能です。 ### Full prompt ```text 「[Vibe Coder Bootcamp]」のフルページ縦型モバイルWebランディングページのモックアップ。AIコーディングおよびAIエージェントのブートキャンプを、高級感と知性、実用性を兼ね備えたトーンで表現。高解像度のUIデザインカンプ、シャープな日本語タイポグラフィ、整然とした余白、情報密度が高く読みやすいレイアウト。 スタイルとカラー：ダークネイビーと黒のシネマティックなセクションと、清潔感のある白のカードセクションのコントラスト。鮮やかなオレンジのアクセントタイポグラフィ、紫のハイライト、細いグレーの区切り線、シンプルなラインアイコン、ドキュメンタリー調の写真。明朝系日本語見出しとモダンなサンセリフUIフォントの組み合わせ。 構成（上から下へ整然と並ぶ全7セクション）： - Hero：上部のダークなシネマティックバナー。左側に大きなオレンジの英語タイトル「[Vibe Coder Bootcamp]」、日本語サブタイトル「AIを完全に味方につける、1.5ヶ月。」、本文「1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで」、丸みを帯びたオレンジのCTAボタン「資料請求・お問い合わせ」。右側には薄暗いオフィスで思索する黒スーツの日本人男性、暖色系デスクランプ、コードを表示するモニター、夜の街の明かり。 - No.01「課題」：白背景。オレンジのラベル「No.01 課題」。見出し「AIは、もう十分に賢い。足りないのは、あなたの入力。」「入力の質＝出力の質。」。右側にBEFORE/AFTERの比較図：BEFOREカード「あいまいな入力」→「あいまいな出力」（手書き落書きアイコン）、AFTERカード「構造化された入力」→「価値の高い出力」（紫のターゲットアイコン）、矢印で連結。 - No.02「解決＝コンテクストコントロール」：白背景。オレンジラベル「No.02 解決＝コンテクストコントロール」。見出し「コンテクストコントロール。AIエージェント時代の、基礎力。」とグラデーション文字「まわせ Vibes Output Loop」。矢印で繋がれた3つの円形ループステップ：STEP1「与える (GIVE)」、STEP2「蓄積する (ACCUMULATE)」、STEP3「循環させる (LOOP)」。 - No.03「カリキュラム」：白背景。見出し「SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。」。紫ヘッダー付きの6枚の週間カリキュラムカード：WEEK01「企画・要件定義」、WEEK02「UI/UX・設計」、WEEK03「実装・DB設計」、WEEK04「認証・セキュリティ」、WEEK05「デプロイ・運用」、DEMO DAY「成果発表・講評」。下に4つの特徴アイコンカード：「企画・UI/UX」「動くアプリ (DB・デプロイ)」「セキュリティ」「API・エージェント基盤」。 - No.04「卒業後にできること」：白背景。サムネイル付きの4枚のカードが一列に並ぶ：「アプリ・サービス」「資料・ドキュメント」「画像・動画」「業務の自動化」。 - No.05「相棒すなわちAI」：全幅のダークシネマティック帯。左側に「一人で、会社を回す。」「AIエージェントに仕事をさせ続ける人になる。」。右側に半透明のUIチャートやコードに囲まれた日本人ビジネスマンの夜景カット。 - No.06「講師」：ダークグレーのセクション。講師「[泉水亮介]」の紹介、コンクリート背景の落ち着いた表情のポートレート、右側に3つのゴールドの月桂樹バッジ。 - No.07「実績・CTA」：白背景に3つの実績メトリクスカード（「開発アプリ 120+」「満足度 98%」「業務 9割をAIで」）、封筒アイコン付きの大きなオレンジCTAボタン「資料請求・お問い合わせ」。シンプルなフッター。 構図：9:16比率の縦長連続Webページ、ブラウザ枠や余計な透かしなし。 ``` --- ## ダークモードAIチャット拡大チュートリアル - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-chat-upscale-tutorial - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22201 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-chat-upscale-tutorial - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ダークモード, チャット画面, チュートリアル, アップスケール, コールアウト, ミニマル - Updated: 2026-10-27T12:30:43.098Z - Created: 2026-10-27T12:30:43.098Z 画像アップスケールチュートリアルとUIコールアウトを示すダークモードAIチャットモックアップ。プロンプト文やUI要素を変更してガイドを作成できます。 ### Full prompt ```text 参照写真の水中写真をアップスケールする様子を示す、洗練されたダークモードAIチャットインターフェースのチュートリアルモックアップ。参照写真の外部アプリ枠、サイドパネル、ウィンドウ表示をすべて除外し、水中写真のコンテンツのみを使用。 - レイアウト: チャットフィード内に角丸の水中写真プレビューを正確に2点配置。右上にアップロードされた小さなプレビューを1つ、その下の中央やや左に生成された大きめの結果プレビューを1つ配置。両方のプレビューで人物の顔を隠すグレーのモザイクを維持。 - チャット要素: 上のプレビュー横に「[将图片专为4K分辨率]」というテキストが入ったユーザーメッセージバブルを1つ。小さな青いキラキラアイコンとドロップダウンシェブロンが付いた「显示思路」というアシスタントラベル。大きな画像プレビューの直下に配置された小さな丸みを帯びた「来源」ボタン。 - コールアウト: 大きなプレビューの右上隅にあるダウンロードアイコンを赤い円で囲んで強調。右側からその赤丸で囲まれたダウンロードアイコンを指す太い赤い矢印を1本配置。 - 下部入力バー: プレースホルダー「描述你的图片」、添付アイコン、「制作图片」ピルボタン、「[Pro]」モデルドロップダウン、マイクアイコンを備えた下部のダークな角丸メッセージ入力バー。 - スタイル: 洗練されたモダンなAIチャットUIのダークテーマ、漆黒の背景、控えめな中間調グレーのUIコントロール、角丸、クリーンな16:9スクリーンショット構図。 ``` --- ## スイス風エディトリアル ポートフォリオヒーローUI - URL: https://www.gptimagehub.com/ja/library/editorial-swiss-style-portfolio-hero-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27702 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Feditorial-swiss-style-portfolio-hero-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui-ux-design, ポートフォリオ, ウェブデザイン, ランディングページ, ミニマリズム, スイススタイル, タイポグラフィ - Updated: 2026-10-27T12:30:08.098Z - Created: 2026-10-27T12:30:08.098Z クリエイター向けのエディトリアル調ミニマルなWebヒーロー画面を生成します。デザイナー名や文字、建築写真を差し替えてカスタム可能です。 ### Full prompt ```text [Ari Vale] というデザイナー／開発者のための洗練されたポートフォリオWebサイトのヒーローセクションデザイン。スイス・エディトリアル風のレイアウトと建築写真のコラージュを組み合わせた、16:9のアスペクト比のデスクトップ画面スクリーンショット。 背景・トーン：温かみのあるオフホワイトの紙テクスチャ、豊かな余白、繊細な粒子感、上質なミニマリスト美学。 レイアウトと構成： - トップナビゲーションバー：左にワードマーク「[Ari Vale]」と小さなコバルトブルーのドット。中央に「Work」「About」「Studio」「Notes」のリンク。右端に青いドットが付いた角丸のアウトライン型「Menu」ピルボタン。 - ヒーローセクション（中央よりやや左寄り）：アイブロウラベル、特大のモダンタイポグラフィ、説明文、2つのCTAボタン。 - コラージュ構成：左側にベージュのコンクリート長方形、淡い曲線建築の写真、その下に小さな岩のテクスチャ写真、斜めのコバルトブルーのテープ、そして「REFIX ANADOL」「Machine Hallucinations」「Immersive Exhibition」と右下に小さな矢印が記された黒いプロジェクトカード。右側には淡い階段状の建築写真と、その下に白い球体と石の静物写真。 - アクセント＆グラフィック：縦に並んだ「VISION」「MADE」「DIGITAL」の文字と小さな青いプラス記号。矢印入りの薄い丸型スタンプ。右端に垂直の座標「40.7128° N, 74.0060° W」。 - フッター：左下に「AVAILABLE FOR NEW PROJECTS」、極細の水平区切り線、右下に「LINKEDIN」「DRIBBBLE」「INSTAGRAM」のSNSリンクと矢印。 タイポグラフィとテキスト： - アイブロウ：「[ARI VALE] — DESIGNER & DEVELOPER」（青いドット付き）。 - メイン見出し：「I design digital experiences, brands, and creative web.」（「design」のみエレガントでコントラストの高いイタリック体セリフ、その他は太いグロテスク・サンセリフ）。 - 本文：「Strategy-led design and development for forward-thinking companies and cultural projects.」 - ボタン：「View Selected Work →」、テキストリンク「About [Ari] →」。 制約事項：ブラウザの枠線やクロームは表示せず、実際の洗練されたランディングページとしてレンダリング。グラデーションや人物写真を使わず、余白を活かしたアシンメトリーなバランスを維持。 ```