# ダークモードUI AIプロンプト URL: https://www.gptimagehub.com/ja/library/tag/dark-mode 音楽・動画配信アプリ、SNSフィード、ランディングページ、デザインシステムまで、洗練されたダークテーマのデジタルモックアップを生成するテンプレート集です。漆黒や濃いスレートグレーの背景に、高コントラストな文字や淡い発光アクセントを組み合わせたデザインが揃っています。テキスト、UIアイコン、カラーパレットを自在にカスタマイズできます。 ## ダークモードUIプロンプトのヒント - 背景色がくすんだグレーにならないよう、「ピュアブラック（純黒）」「ディープチャコール」、あるいはカラーコードを指定してトーンを精密にコントロールします。 - ネオンカラーのハイライト、繊細なボーダーライン、くっきりとした白文字などを指定し、高い視認性とコントラストを維持します。 - 要素が多いUIレイアウトは、JSON形式やカッコで囲んだフィールドを使ってプロンプトを整理し、編集可能なボタン・メタデータ・ラベルの境界を明確にします。 ## よくある質問 ### ダークモードUIのプロンプトにはどのAIモデルが適していますか？ GPT Image 2が最もおすすめです。ほぼすべてのダークUIテンプレートで標準採用されており、くっきりとしたテキストやダーク系コンポーネントを安定して描画できます。独創的なデザインコンセプトにはNano Banana Proも活用されています。 ### ダークカラーのカードやパネルが背景と同化しないようにするには？ 「やわらかな外側の発光（ソフトグロー）」「1pxの控えめな枠線」「背景のぼかし効果（バックグラウンドブラー）」などを指示して、暗いコンテナと黒い背景レイヤーを視覚的に分離します。 ### 日本語など、英語以外のインターフェーステキストにも対応できますか？ はい、引用符やカッコの中に表示したい日本語や中国語などの翻訳テキストをそのまま記述すれば、ローカライズされたUIラベルを生成できます。 ## Prompts (60 of 102) ### 中国語音楽ストリーミング再生UI - URL: https://www.gptimagehub.com/ja/library/chinese-music-streaming-player-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-zl-gi-32 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchinese-music-streaming-player-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音楽プレイヤー, uiデザイン, アプリアイコン, ダークモード, 中国語フォント, モバイルui, ストリーミング - Updated: 2026-10-27T01:45:58.098Z - Created: 2026-10-27T01:45:58.098Z 高精度なダークモードのモバイル音楽プレイヤーUI。曲名、アーティスト、アルバム名、再生時間を自由に変更して活用できます。 ### Full prompt ```text モバイル縦向きの忠実度の高い中国語音楽ストリーミングアプリの再生画面UIスクリーンショット。アルバムジャケットのカラーパレットをぼかして拡散させた背景を持つ洗練されたダークモードUI。中央には角丸とソフトなドロップシャドウを施した大きな正方形のアルバムアートを配置。 インターフェース構成： - 上部ステータスバー：時刻「[18:26]」 - ナビゲーションバー：左に「戻る」矢印、中央タイトル「[正在播放]」、右にオプションアイコン - 楽曲メタデータ：曲名「[海边的晚风]」、アーティスト名「[林秋]」、アルバム名「[夏夜实验室]」 - 歌詞セクション：5〜7行のスクロール歌詞、再生中の行をハイライト表示 - 再生プログレスバー：タイムスタンプ「[01:42]」と「[04:18]」 - 再生コントロール：シャッフル、前へ、再生/一時停止、次へ、リピートアイコン - アクションバー：お気に入り、コメント、ダウンロード、プレイリスト追加、共有アイコン - 最下部：デバイスキャストと再生キューのアイコン スタイル：実用アプリ水準のモバイルUIデザイン、リアルなダークモードの階層表現、洗練されたタイポグラフィ、繊細なシャドウ。 ``` ### Source - Title: ZeroLu · Awesome GPT Image - URL: https://github.com/ZeroLu/awesome-gpt-image - License: MIT --- ### OpenAI 出所検証画面のエディット - URL: https://www.gptimagehub.com/ja/library/openai-provenance-verification-screen-edit - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32298 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fopenai-provenance-verification-screen-edit - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: uiデザイン, 検証画面, ダークモード, 日本語ui, アプリスクショ, 出所確認 - Updated: 2026-10-26T16:22:43.098Z - Created: 2026-10-26T16:22:43.098Z AI出所確認画面の判定を陰性から陽性へ書き換え、アイコンと日本語UIテキストを更新します。ステータス文言やカラーを変更して応用できます。 ### Full prompt ```text 参照画像を基に、ダークテーマの検証結果画面を編集し、肯定的な検出結果を表示するように変更します。元のダークな角丸カードレイアウト、中央揃えの構図、埋め込みキーボード写真サムネイル、下部リンク、白い角丸ボタンはそのまま維持します。 以下の3つのステータス要素のみを変更： 1. ピンク色の円形「×」アイコンを、緑色の円形チェックマークアイコンに変更。 2. 見出しの文字色を緑色に変更し、「[OpenAI ツールで生成されました]」に設定。 3. 見出し下の説明文を「[このコンテンツは OpenAI のツールを使用して生成されました。以下のシグナルは、この結果を裏付ける証拠です。]」に更新。 以下の下部要素は参照画像のまま正確に保持： - リンクテキスト：「[詳細を表示する]」 - ボタンテキスト：「[別のファイルを検証]」 スタイル：洗練されたモダンな日本語UIスクリーンショット、本格的なWebアプリのインターフェース、ハイコントラストなダークモード、角丸カード。 ``` --- ### AIデモ画像を含むデスクトップSNS投稿 - URL: https://www.gptimagehub.com/ja/library/desktop-social-media-post-with-ai-demo - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15423 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdesktop-social-media-post-with-ai-demo - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: photorealistic - Tags: ツイート画面, SNS, UIデザイン, 技術デモ, ダークモード, モックアップ - Updated: 2026-10-27T07:06:23.098Z - Created: 2026-10-27T07:06:23.098Z 2画面のAIデモ画像が埋め込まれたダークモードのデスクトップSNS投稿画面を生成。角括弧内の文字や数値を自由に変更できます。 ### Full prompt ```text デスクトップUI上で表示された、ダークモードのリアルなSNSツイートのスクリーンショット。左上には円形のプロフィール写真、青い認証バッジ付きの表示名「[Riley Goodside]」、ハンドルネーム「[@goodside]」、タイムスタンプ「[10h]」が並びます。ツイート本文：「[ChatGPT Images 2.0 generates a game die but instead of numbers it has working QR codes for each of their Wikipedia articles]」。ツイートの下には角丸長方形の枠内に2枚並んだ画像が埋め込まれています。左パネルには、温かみのある茶色の木製テーブルの上に置かれた光沢のある白い6面ダイスが斜めのアングルで写り、見える3つの面には目の代わりに鮮明な黒いQRコードが配置されています。ダイスの丸みを帯びたエッジに微細な反射と柔らかなライティング。ダイスの上には「[Thought for 1m 43s]」と書かれたダークUIヘッダーと、「[for the corresponding Wikipedia article for its number.]」と書かれた吹き出しオーバーレイ。右パネルは数字の1に関するモバイル風Wikipediaページのスクリーンショットで、白背景に細いグレーの境界線、「Article」「Talk」タブ、UIアイコン、そして「[This article is about the number. For the year AD 1, and other uses, see One (disambiguation) and Number One (disambiguation)]」で始まる本文、枠囲みの注記、太字の「[1 (one, unit, unity) is a number, numeral, and grapheme.]」が記載されています。周囲のUIには標準的なアイコンと表示カウント（返信[45]件、リポスト[157]件、いいね[3.5K]件、表示回数[191K]件）が含まれます。鮮明なUIタイポグラフィ、本格的なレイアウト、高い可読性。 ``` --- ### ダークモード ChatGPT 画面スクリーンショット - URL: https://www.gptimagehub.com/ja/library/dark-mode-chatgpt-interface-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18640 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-chatgpt-interface-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: chatgpt, ダークモード, uiスクリーンショット, ウェブインターフェース, ハムスター, モックアップ - Updated: 2026-10-27T08:40:03.098Z - Created: 2026-10-27T08:40:03.098Z 生成画像が埋め込まれたリアルなChatGPTダークモードのデスクトップUIスクリーンショット。プロンプトテキストやサイドバー、画像内容を自由に変更できます。 ### Full prompt ```text {"type":"ダークモードのChatGPTウェブUIのリアルなデスクトップスクリーンショット","canvas":"16:9のワイドスクリーンショット、鮮明なUIキャプチャ、ブラウザ枠なし","main_scene":{"description":"生成された画像レスポンスを表示するChatGPT会話画面：ガラスケージの中にいるリアルなスマートフォン撮影風の[ゴールデンハムスター]の写真、小さな両手を揃えて正面を向き、光沢のある黒い瞳、ピンクの鼻、淡い茶色の毛並み、床材、手前の曲がり木、背景のケージ枠、浅い被写界深度、無加工のRawな質感。","user_prompt_bubble":"[スマホで撮影したハムスターの写真、Unedited、Raw]","assistant_status_text":"Thought for 1m 8s ›","generated_image":{"position":"チャットエリアの中央右寄り","shape":"角丸長方形","count":1,"content":"ハムスターの写真","style":"リアルで柔らかなスマホカメラ写真、自然な室内光、温かみのある毛並み、ケージの反射","overlay_controls":["生成画像左下の「編集」と書かれた小さなボタン","生成画像右下のダウンロード・共有アイコン"]}},"layout":{"background":"ほぼ黒のChatGPTダークテーマ","left_sidebar":{"position":"左側","width":"画面の約5分の1","title":"ChatGPT","visible_top_navigation":["新しいチャット","チャットを検索","Codex","さらに表示"],"gpt_section":{"title":"GPT","items":["Canva","AI Music Prompt Generator","GPT の詳細を見る"]},"projects_section":{"title":"プロジェクト","items":["プロジェクトを新規作成","English Refiner","画像生成","yaml","雑談","端的に","さらに表示"]},"details":"細い垂直境界線と控えめなスクロールバー"},"chat_area":{"position":"サイドバーの右側のダークワークスペース","messages":["プロンプトテキストを含む右上のユーザーメッセージバブル","ステータステキストを上に伴うアシスタントの生成画像レスポンス"],"below_image_action_icons":["コピー","高評価","低評価","その他メニュー"]}},"style_directives":"[日本語]ローケルの本物のChatGPTウェブアプリスクリーンショット、クリーンなサンセリフUIフォント、濃いグレーのパネル、白と薄いグレーのテキスト、自然な角丸、正確なスペーシング、そしてメイン出力として埋め込まれたフォトリアルな[スマホ写真、未加工、Raw]画像。装飾フレームや余計な注釈はなし。"} ``` --- ### ダークモードSNS投稿の手書き模倣デモ - URL: https://www.gptimagehub.com/ja/library/dark-mode-social-post-handwriting-demo - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15427 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-social-post-handwriting-demo - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ツイート風モックアップ, SNS, ダークモード, 手書き文字, 比較画像, UIデザイン, スクリーンショット - Updated: 2026-10-26T18:54:13.098Z - Created: 2026-10-26T18:54:13.098Z AIによる手書き文字の再現デモを紹介するリアルなダークモードSNS投稿を作成。アカウント情報や投稿文、手書きの詩を自由に変更可能です。 ### Full prompt ```text 純黒のモバイルインターフェース上に表示された、X/Twitter風のダークモードSNS投稿スクリーンショット。左上には小さな丸いプロフィール写真と、その横に表示名「[Pratham]」、青い認証バッジ、その下にハンドル名「[@Prathkum]」。右上には角丸の白い「Subscribe」ボタンと小さなUIアイコン。投稿本文はすっきりとした白いサンセリフ体で「[ChatGPT Images 2.0 can match your handwriting.]」と記載。 テキストの下には、細い黒い縦の仕切りで並べられた2枚の罫線ノート写真によるビフォーアフター比較画像。どちらも薄暗い室内の温かみのある照明の下、真上から撮影され、下部に柔らかな影が落ちている： - 左ページ：ほぼ白紙の罫線ノートで、上部に青いボールペンの筆記体で2行「[match my hanawriting ana write a poem for me..]」（綴りと句読点もそのまま再現）。 - 右ページ：冒頭に同じ2行があり、それに続いて同じ筆跡の青い筆記体で書かれた4連の詩がノートを埋めている：「[between the pages, quiet dreams, where ink becomes the stars, i write what my heart means, and let it heal the scars. the world may move so fast, but here, time slows its pace. in every line i’ve made to last, i find a softer space. some days are clouds, some days are sun, but i keep showing up. with every word, i’m not alone— my pen is my cup. so here’s to thoughts, both big and small, to hopes, to fears, to me. i’ll keep on writing through it all, and set my spirit free.]」 青い油性ボールペンの筆跡はわずかに不揃いで自然な人間の手書きの質感。投稿の左下には小さなキラキラアイコンと控えめな「Made with AI」の文字。本物のモバイルアプリUI配置、角丸の画像、鮮明なフォント、わずかな画面キャプチャの質感を忠実に再現。 ``` --- ### 映画風AI映像制作ワークフロー インフォグラフィック - URL: https://www.gptimagehub.com/ja/library/cinematic-ai-filmmaking-workflow-infographic - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18888 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcinematic-ai-filmmaking-workflow-infographic - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: インフォグラフィック, 映画制作, ワークフロー, ダークモード, ポスター, タイポグラフィ - Updated: 2026-10-27T02:23:08.098Z - Created: 2026-10-27T02:23:08.098Z AI映画監督パイプラインを解説するダークトーンの高品質インフォグラフィックを生成します。ツール名や見出しテキストを自由にカスタマイズ可能です。 ### Full prompt ```text {"type":"AI映画制作プロンプトワークフローの映画風中国語インフォグラフィックポスター","format":"縦型 3:4 ポスター","overall_style":"ダークな高級映画制作コントロールルームの美学、黒とディープネイビーの背景、繊細なブループリントグリッドとテクニカルHUDライン、温かみのあるゴールドとクールなシアンのアクセント、高コントラスト、洗練されたエディトリアルレイアウト、リアルな撮影用小道具とクリーンなベクターアイコンの融合、洗練された中国語タイポグラフィ","headline":{"position":"top center","text":"[从制作团队角色出发：\nGPT Image 2 × Seedance 2.0\n全流程提示词方法论]","style":"金色で強調された大きくて太い白い明朝体中国語タイトル、中央揃え"},"subtitle":{"position":"under headline","text":"如果把提示词比作拍摄现场的对讲机，那么导演、制片、摄影师、音效老师，每一角色看到的画面、关心的参数、下达的指令都是完全不同的。","style":"小さな白い解説用中国語テキスト"},"top_props":{"count":2,"items":[{"description":"左上に薄暗く照らされたDIRECTORと記されたディレクターズチェア"},{"description":"右上に三脚に載った大型ヴィンテージ映画用スポットライト、温かい琥珀色の光"}]},"main_comparison":{"position":"upper middle","count":2,"panels":[{"title":"[GPT Image 2]","subtitle":"静态视觉设计","position":"left","accent_color":"cyan blue","thumbnail_count":4,"thumbnails":["ダークなキャラクターポートレートのスチル","荒天の映画的な都市または戦場環境","ストーリーボードのスケッチフレーム","立ち姿の人物が描かれたムードあるポスター風キービジュアル"],"bullet_count":5,"bullets":["角色定妆照","场景概念图","分镜关键帧","海报主视觉","光线 / 构图 / 美术定调"],"button_label":"负责把画面做出来","button_icon":"image icon"},{"title":"[Seedance 2.0]","subtitle":"动态视频生成","position":"right","accent_color":"warm gold","thumbnail_count":4,"thumbnails":["夜間のカーチェイスまたは乗り物ショットと再生アイコン","ダークなクローズアップビデオスチルと再生アイコン","映画的な廊下を歩く人物と再生アイコン","荒天の風景モーションショットと再生アイコン"],"bullet_count":5,"bullets":["镜头运动","人物动作","微表情变化","节奏与转场","环境音 / 音乐氛围"],"button_label":"负责让画面动起来","button_icon":"clapperboard play icon"}]},"workflow_arrows":{"position":"between comparison panels","count":2,"labels":["协同工作：先定画面，再驱动画面","左から右への青い矢印","右から左への金の矢印"]},"production_team_grid":{"position":"middle","count":8,"layout":"2行×4列","cells":[{"number":"1","title":"导演","icon":"director chair","text":"定义戏剧目的、情绪转折、潜台词；决定观众应该感受到什么"},{"number":"2","title":"制片","icon":"clipboard","text":"控制场景复杂度、人物数量、执行成本；确保AI生成稳定、可落地"},{"number":"3","title":"摄影师 / 摄影指导","icon":"cinema camera lens","text":"景别、机位、焦段、构图、景深；镜头语言服务人物心理"},{"number":"4","title":"美术指导","icon":"paint palette and brush","text":"空间、道具、服装、色彩系统；让每个细节都在讲故事"},{"number":"5","title":"灯光师","icon":"studio light","text":"主光、辅光、轮廓光、色温、光比；用光影表达情绪"},{"number":"6","title":"演员指导","icon":"theater masks","text":"表情、眼神、呼吸、手部动作；强调克制真实的表演细节"},{"number":"7","title":"剪辑师","icon":"film strip and scissors","text":"镜头起止状态、节奏、留白、转场；控制情绪推进"},{"number":"8","title":"声音设计 / 音效老师","icon":"audio waveform","text":"环境音、拟音、低频、音乐、沉默；让声音放大戏剧张力"}]},"pipeline_strip":{"position":"lower middle","count":8,"style":"矢印で繋がれたシアンのラインアイコン","steps":["剧本理解","角色设定","场景设计","关键帧生成","视频驱动","声音氛围","连续性控制","成片输出"]},"prompt_formula_bar":{"position":"below pipeline","title":"提示词写作公式","count":6,"items":[{"icon":"speech bubble","label":"这场戏讲什么？"},{"icon":"person","label":"人物想要什么？"},{"icon":"warning triangle","label":"人物害怕什么？"},{"icon":"camera","label":"为什么这样拍？"},{"icon":"sun and sound waves","label":"光线和声音如何服务情绪？"},{"icon":"film flag","label":"最后一帧停在哪里？"}]},"core_principle_footer":{"position":"bottom","title":"核心原则：","text":"[GPT Image 2 负责“定画面”，Seedance 2.0 负责“让画面动起来”\n真正高级的提示词，不是堆砌形容词，而是像一个完整制作团队那样下达清晰、分工明确、可执行的创作指令。]","decorations":"左側に大きな羅針盤アイコン、右側に温かいバックライトを浴びたクルーとブームマイク担当者のシルエット"},"color_palette":{"background":"ほぼ黒に近いネイビー","primary_text":"アイボリーホワイト","accent_1":"シアンブルー","accent_2":"ゴールドアンバー","lines":"細い金とシアンの境界線"},"composition_notes":"薄く光る境界線を持つ正確な長方形モジュールを多数配置、バランスの取れた余白、映画ポスターの階層構造、読みやすい中国語テキスト、クリエイター向けの高級チュートリアルインフォグラフィック、枠外の散らかりなし。","customization":{"topic":"[AI cinematic prompt methodology]","left tool name":"[GPT Image 2]","right tool name":"[Seedance 2.0]"}} ``` --- ### Steam ストアページ デスクトップ UI モックアップ - URL: https://www.gptimagehub.com/ja/library/steam-store-page-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13904 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsteam-store-page-desktop-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: steam, uiモックアップ, ゲームストア, ダークモード, 日本語対応, ソフトウェアui, デスクトップui - Updated: 2026-10-27T02:56:03.098Z - Created: 2026-10-27T02:56:03.098Z 日本語ローカライズされたダークモードの Steam クライアント詳細ページを生成します。括弧内のゲーム名や価格、説明文を自由に変更できます。 ### Full prompt ```text { "type": "desktop application UI mockup", "application": "Steam client", "theme": "dark mode", "header": { "top_menu": ["Steam", "表示", "フレンド", "ゲーム", "ヘルプ"], "main_navigation": ["ストア", "ライブラリ", "コミュニティ"], "user_profile": "Steam ユーザー" }, "layout": { "left_sidebar": { "title": "game library", "search_bar": true, "game_count": 18, "game_list": ["ハーフライフ", "ハーフライフ 2", "ハーフライフ 2: エピソード 1", "ハーフライフ 2: エピソード 2", "ハーフライフ: ブルーシフト", "ハーフライフ: オポージング フォース", "Portal", "Portal 2", "Team Fortress 2", "Left 4 Dead 2", "Counter-Strike: Source", "Counter-Strike: Global Offensive", "Day of Defeat: Source", "Garry's Mod", "Ricochet", "Source Filmmaker", "Half-Life Deathmatch: Source", "Half-Life: Source"] }, "main_content": { "breadcrumbs": "すべてのゲーム > アクションのゲーム > ハーフライフ", "title": "[ハーフライフ]", "media_gallery": { "main_image": "赤いバールを持った一人称視点、光るラムダロゴがある研究所でヘッドクラブと科学者に対面", "thumbnail_count": 5 }, "description": "[『ハーフライフ』は、Valve が開発した伝説的な一人称視点シューティングゲームです。ブラックメサ研究施設での実験が失敗し、異次元とのポータルが開いてしまった後、科学者ゴードン・フリーマンとして生き延び、脱出を目指します。]", "metadata": { "release_date": "[1998年11月9日]", "developer": "[Valve]", "publisher": "Valve", "user_reviews": "非常に好評 (20,910件のレビュー)" }, "tags": ["FPS", "アクション", "SF", "クラシック", "シングルプレイヤー", "+"], "system_requirements": { "title": "システム要件", "tabs": ["Windows", "macOS", "SteamOS + Linux"], "specs": ["OS: Windows 7 以降", "プロセッサー: 1.7 GHz プロセッサー", "メモリー: 512 MB RAM", "グラフィック: DirectX 8.1 対応のビデオカード", "DirectX: Version 8.1", "ストレージ: 600 MB の空き容量"] } }, "right_sidebar": { "purchase_box": { "title": "購入する", "price": "[¥ 980]", "button": "カートに入れる" }, "features_count": 4, "features": ["シングルプレイヤー", "Steam 実績", "フルコントローラサポート", "Steam クラウド"], "languages_table": { "title": "言語", "columns": ["インターフェイス", "フル音声", "字幕"], "language_count": 5, "languages": ["日本語", "英語", "フランス語", "ドイツ語", "スペイン語 - スペイン"] } }, "footer": { "left": "+ ゲームを追加", "center": "ダウンロード 2 / 2 アイテム完了", "right": "フレンド & チャット +" } } } ``` --- ### コズミックダークモードUIデザインシステム - URL: https://www.gptimagehub.com/ja/library/cosmic-dark-mode-design-system-sheet - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13506 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcosmic-dark-mode-design-system-sheet - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiキット, デザインシステム, ダークモード, 宇宙テーマ, ダッシュボード, コンポーネント, タイポグラフィ - Updated: 2026-10-27T11:19:48.098Z - Created: 2026-10-27T11:19:48.098Z 宇宙をモチーフにした発光アクセント付きの完全なダークモードUIデザインシステム画面を生成します。括弧内のタイトルやアクセント色を変更して調整できます。 ### Full prompt ```text { "type": "UI Design System", "theme": "dark mode, space-inspired, glowing accents", "header": { "label": "DESIGN SYSTEM", "title": "[COSMIC GRAVITY]", "subtitle": "[A Design Language Inspired by the Universe.]" }, "layout": { "left_column": [ { "title": "COLOR", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "[Stardust Gold]", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "GRADIENT", "count": 1, "description": "horizontal bar showing a dark-to-light-to-dark cosmic glow" }, { "title": "TYPOGRAPHY", "font": "[Space Grotesk]", "hierarchy_count": 4, "levels": ["H1 Cosmic Light", "H2 Explore More", "Body Celestial Text", "Caption Orbit Info"] } ], "main_column": [ { "title": "UI COMPONENTS", "subsections": [ {"title": "BUTTON", "count": 3, "labels": ["EXPLORE (Primary)", "CANCEL (Secondary)", "MORE (Ghost)"]}, {"title": "SLIDER", "count": 1, "value": "72%"}, {"title": "TOGGLE", "count": 2, "states": ["Off", "On"]}, {"title": "TAGS", "count": 3, "labels": ["BLACK HOLE", "JUPITER", "ORBIT"]} ] }, { "title": "CARDS", "count": 3, "items": [ {"title": "[JUPITER]", "subtitle": "ORBIT ARCHIVE", "image": "Jupiter planet"}, {"title": "BLACK HOLE", "subtitle": "COSMIC EVENT", "image": "Black hole with accretion disk"}, {"title": "DISTANCE", "value": "778.3 M km", "image": "Concentric orbital rings"} ] }, { "title": "DATA DISPLAY", "count": 3, "items": [ {"title": "ENERGY", "type": "circular progress ring", "value": "87%"}, {"title": "SIGNAL STRENGTH", "type": "line graph with glowing nodes", "value": "42.6 dB"}, {"title": "COSMIC NOISE", "type": "audio player UI"} ] }, { "title": "ICON", "count": 7, "labels": ["Home", "Planet", "Sparkle", "Signal", "Folder", "Heart", "User"] } ], "bottom_row": [ { "title": "VISUAL ELEMENTS", "count": 5, "labels": ["BLACK HOLE", "GRAVITY RING", "LIGHT GLOW", "NEBULA DUST", "GLASS SURFACE"] } ] } } ``` --- ### ダークモード アニメプロンプト生成ツールUI - URL: https://www.gptimagehub.com/ja/library/dark-mode-anime-prompt-generator-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27829 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-anime-prompt-generator-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiモックアップ, ソフトウェアUI, デスクトップアプリ, プロンプト作成, アニメアイドル, ダークモード, サイバーUI - Updated: 2026-10-27T05:59:50.585Z - Created: 2026-10-27T05:59:50.585Z アニメイラストプレビューを備えたダークテーマのAIプロンプト作成ツールのデスクトップUIモックアップ。アプリ名やキャラ設定、アクセント色を調整して利用できます。 ### Full prompt ```text 「[AIPS BABEL // Prompt Foundry]」と名付けられたAIクリエイティブワークスペースアプリケーションの、鮮明で詳細な16:9デジタルUIコンセプトモックアップ。ダークチャコールの近未来的なUIテーマ、繊細なブルーグレーの境界線、控えめなドロップシャドウ、ゴールドのアクセントボタンが特徴。レイアウト： - トップナビゲーションバー：左側に「AIPS BABEL」のアプリ名ラベル、3つのナビゲーションタブ（「Text Prompt Mode」、「Analysis」、ゴールドでハイライトされた「Mio Mode」）、中央のダークなステータスインジケーター、右側のユーティリティボタン（緑の「Save Config」、グレーの「Load Config」、グレーの「Reset Window」、小さな金色の矢印が付いた「UI Scale: 100%」セレクター、グレーの「Options」）。 - 2カラムメインワークスペース： 1. 左カラム（幅1/3）：タブヘッダーに「Mio - スポットライトを浴びてポーズを決めるジャングルポケットの躍動感あるライブショット (3/3)...」と閉じるボタンが表示された大型の縦型画像プレビューパネル。プレビュー内には、青いサイリウムと光る粒子で満たされた暗いスタジアムを見下ろす、強烈な青と白のスポットライトが当たる光沢のあるステージ上で、ドラマチックなローアングル背面ポーズをとる[茶髪のツインテール、獣耳、長い尻尾、レーシングアイドル衣装、ショートパンツ、手袋、緑のレッグウォーマーを身につけた躍動感あるウマ娘アイドル]を描いた高品質なアニメキーアート。 2. 右カラム（幅2/3）：「STANDBY」バッジ、「Log」、「Clear Chat」ボタンを備えた「Mio Mode — Agent Chat」と題されたエージェントチャットワークスペース。下部のスクロール可能なチャットエリアには、緑色の日本語タイトルとライブコンサートシーンを説明する等幅フォントの英語プロンプトテキストが表示された2枚の構造化プロンプトカード、続いて日本語のアクションボタン「コピー」、「再生成」、赤い「削除」が並ぶ。チャットカードの下には日本語キャプション付きの小さなプレビューサムネイルが2つ。 - ボトムドック：チェックボックス（「Anima」、「Hires」）、ドロップダウン（「品質: 標準 (30/4.0)」、「サイズ: 中 (1280×720)」、「向き: お任せ」、「Style: FLUX (自然文)」、「枚数: 2」）、緑色の「AnimaDex」インジケーター、空の黒いテキスト入力ボックス、右側に縦に並んだゴールドの「SEND」ボタンと赤い「STOP」ボタンを備えた水平パラメータバー。 ``` --- ### 侍モチーフのブルータリズム制作会社LP - URL: https://www.gptimagehub.com/ja/library/brutalist-samurai-agency-landing-page - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15041 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fbrutalist-samurai-agency-landing-page - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, webデザイン, uiモックアップ, 侍, ダークモード, ブルータリズム, 制作会社サイト - Updated: 2026-10-26T17:54:33.098Z - Created: 2026-10-26T17:54:33.098Z ブルータリズムタイポグラフィと侍のキービジュアルを融合した洗練されたLPモックアップ。会社名や見出し、CTAを変更可能。 ### Full prompt ```text モダンなデスクトップブラウザウィンドウ内に表示された、クリエイティブエージェンシー「[AKAI STUDIO]」のシネマティックなダークテーマのランディングページモックアップ。黒から深紅へのドラマチックなグラデーション背景、ムーディーな夕焼けのバックライト、微細に漂う白い塵や火の粉が舞うワイドスクリーンのヒーローセクション。右側には、穏やかな波打ち際の険しい黒い岩の上に立つ甲冑姿の侍の全身後ろ姿が描かれ、角付きの兜を被り、腰に刀を差し、破れた長い深紅のマントが右へ大きく翻っている。左側にはボールドなブルータリズムタイポグラフィが配置され、赤いアクセントマーク付きの「[DISEÑO QUE DEJA HUELLA]」、巨大な2段組みの白文字見出し「[DISEÑO BRUTAL]」、その下に日本語の「[赤い侍 STUDIO]」、さらに小文字の大文字説明文「[BRANDING, WEB DESIGN Y EXPERIENCIAS DIGITALES PARA MARCAS QUE QUIEREN DESTACAR.]」が続く。テキスト下部には2つのCTAボタン「VER PROYECTOS」（白塗り）と「CONTACTAR」（枠線のみ）を配置。上部ナビゲーションには、漢字の「赤」が入った赤い正方形アイコンと「[AKAI STUDIO]」のロゴ、中央に4つのメニュー項目（赤い下線付きの「INICIO」、「SERVICIOS」、「PROYECTOS」、「CONTACTO」）、右上に枠付きの「[HABLEMOS]」ボタンが並ぶ。 ``` --- ### 玉虫色バタフライUIデザインシステムボード - URL: https://www.gptimagehub.com/ja/library/iridescent-butterfly-ui-design-system-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13483 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Firidescent-butterfly-ui-design-system-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui-ux, デザインシステム, ダークモード, 玉虫色, プレゼンボード, モックアップ - Updated: 2026-10-27T21:01:43.098Z - Created: 2026-10-27T21:01:43.098Z 玉虫色に輝く蝶の羽をモチーフにしたダークモードのデザインシステムボードを生成します。括弧内を変更して配色やレイアウトをカスタマイズできます。 ### Full prompt ```text { "type": "UI/UXデザインシステムプレゼンテーションボード", "theme": "ダークモード、自然着想、光る玉虫色のエステティック", "header": { "title": "NATURE INSPIRED UI\n[BUTTERFLY IRIDESCENCE]\nUI/UX Design System", "description": "[蝶の翅からインスピレーションを受け、構造色の虹色の輝きと深遠なブルーをインターフェースデザインに融合させ、軽やかで躍動感のある生命力あふれるデジタル体験を創造する。]", "hero_image": "精緻で発光する青と紫の玉虫色の蝶の翅" }, "layout": { "sections": [ { "title": "INSPIRATION", "count": 4, "description": "玉虫色の蝶の翅と光の屈折のクローズアップ正方形サムネイル" }, { "title": "KEYWORDS", "count": 5, "labels": ["虹彩", "霊動", "軽盈", "深邃", "自然"] }, { "title": "COLOR SYSTEM", "subsections": [ { "title": "PRIMARY", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] }, { "title": "NEUTRAL", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] }, { "title": "ACCENT & GRADIENT", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] } ] }, { "title": "TYPOGRAPHY", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "APP STORE ICON", "count": 1, "text": "App Name [Winglet] Light. Alive. Beautiful." }, { "title": "UI COMPONENTS", "subsections": [ { "title": "BUTTONS", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] }, { "title": "OTHER ELEMENTS", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] } ] }, { "title": "MOBILE UI", "count": 3, "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"] }, { "title": "WEB DESIGN PREVIEW", "count": 1, "details": "Desktop browser mockup, hero section with '[LIGHT IS ALIVE]' and 'Explore Now' button" }, { "title": "VISUAL BACKGROUNDS", "count": 4, "description": "抽象的な虹色の波模様を示す長方形サムネイル" } ], "footer": "Design with Nature, Made for Experience." } } ``` --- ### ダークラグジュアリーバーガーWebモックアップ - URL: https://www.gptimagehub.com/ja/library/dark-luxury-burger-website-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15974 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-luxury-burger-website-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: graphic-design - Tags: ランディングページ, webデザイン, ハンバーガー, フード写真, uiモックアップ, ネオン照明, ダークモード - Updated: 2026-10-28T04:22:13.098Z - Created: 2026-10-28T04:22:13.098Z チーズバーガーを頬張る女性モデルと詳細なUIモジュールを備えた、ダークモードの高級ファストフードWebページを生成します。見出しや具材、価格を調整可能です。 ### Full prompt ```text {"type":"映画風の高級ファストフードランディングページ広告","brand":{"name":"PixPretty","tagline":"BITE. SMILE. REPEAT."},"scene":{"setting":"黒い背景、強烈なレッドネオンの輝き、微かな煙、飛び散る火花、光沢のある高コントラスト照明を備えたダークトーンのプレミアムバーガー広告","style":"超リアルな料理写真と洗練されたWeb UIデザインの融合","colorPalette":["ブラック","ディープレッド","ネオンレッド","ウォームオレンジ","ゴールデンチーズトーン","ホワイト"],"aspectRatio":"3:2"},"layout":{"header":{"position":"上部","count":8,"labels":["PixPretty","HOME","MENU","OUR STORY","LOCATIONS","CONTACT","検索アイコン","アカウントアイコン","赤いバッジ2付きカートアイコン"]},"hero":{"position":"左および中央","count":4,"labels":["大きな見出しブロック","説明文","今すぐ注文ボタン","ハンバーガーを食べる女性"]},"rightPanel":{"position":"右側","count":1,"labels":["代表商品の製品カード"]},"productCarousel":{"position":"下部中央","count":3,"labels":["CHEESE LOVER","DOUBLE TROUBLE","SPICY KICK"]},"featureBar":{"position":"最下部","count":4,"labels":["FREE DELIVERY","FAST & FRESH","EARN REWARDS","SUPPORT LOCAL"]}},"headline":{"text":"[THE BURGER THAT HITS DIFFERENT]","style":"3行に積み重ねられた赤と白の文字が交互に並ぶ非常に大きな凝縮されたディストレスト大文字タイポグラフィ、上部に小さな赤い王冠の落書きと左側に赤いアクセントマーク"},"bodyText":"Crafted for those who crave bold flavors and unforgettable bites. This isn't just a burger. It's an experience.","cta":{"text":"Order Now","style":"白い文字と右矢印が付いた幅広の赤いブラシストロークボタン"},"subject":{"person":"黒いレザージャケット、黒いウェーブヘア、フープピアスを身に着け、両手で大きなチーズバーガーを持って頬張る魅力的な女性","framing":"ミディアムクローズアップ、バーガーの背後中央、顔はバーガーと影で部分的に隠れている","lighting":"背後からの強いレッドネオンのハイライトを伴うムードのある映画的リムライト"},"food":{"mainItem":"[とろけるチェダーチーズが入ったジューシーなベーコンチーズバーガー]","details":["光沢のあるゴマバンズ","分厚いビーフパティ","カリカリのベーコン","滴り落ちるたっぷりの溶けたチーズ","リアルでオイリーな質感","ドラマチックで食欲をそそるハイライト"]},"rightCard":{"title":"PIXPRETTY CLASSIC","tag":"SIGNATURE","description":"Juicy grilled beef, melted cheddar, crispy onions, fresh lettuce, pickles, and our signature sauce.","rating":"4.9 (2.3k+)","price":"[$12.99]","nutrition":{"count":4,"labels":["Calories 850 kcal","Protein 42g","Carbs 45g","Fat 52g"]},"spice":{"label":"SPICY LEVEL","count":5,"icons":"赤い唐辛子アイコン4個と薄暗い唐辛子アイコン1個"},"extra":"カード右上のハートのアウトラインアイコン"},"carousel":{"items":[{"name":"CHEESE LOVER","price":"$11.99","description":"濃厚なとろけるチーズがのったシングルバーガーのサムネイル"},{"name":"DOUBLE TROUBLE","price":"$14.99","description":"ダブルパティとベーコンの注目のセンターバーガーサムネイル、光る赤い輪郭で強調"},{"name":"SPICY KICK","price":"$13.99","description":"ハラペーニョとベーコンのバーガーサムネイル"}],"navigation":{"count":2,"labels":["左矢印ボタン","右矢印ボタン"]}},"featureBar":{"items":[{"title":"FREE DELIVERY","subtitle":"On orders over $25"},{"title":"FAST & FRESH","subtitle":"Delivered hot to you"},{"title":"EARN REWARDS","subtitle":"Every bite counts"},{"title":"SUPPORT LOCAL","subtitle":"Made in your community"}]},"branding":"プレミアムファストフードのWebサイトモックアップ、洗練された構造的な構図、シャープフォーカス、リアルな反射、繊細なUIグロー、高級広告の美学"} ``` --- ### 広告デザイン比較グリッド付きAIチャットUI - URL: https://www.gptimagehub.com/ja/library/mobile-ai-chat-ui-with-ad-variations - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14661 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmobile-ai-chat-ui-with-ad-variations - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: ui-uxデザイン, モバイルアプリ, ダークモード, チャット画面, 広告デザイン, 日本語タイポグラフィ, 生成ai - Updated: 2026-10-27T18:23:13.098Z - Created: 2026-10-27T18:23:13.098Z 日本語の指示と2x2の広告バリエーション画像を表示するダークモードのスマホチャットUIを生成します。テキストやプレビュー内容を変えて別の用途にも応用可能です。 ### Full prompt ```text ダークモードのスマートフォンチャット画面のリアルなスクリーンショット。ほぼ黒の背景に、AIによる広告デザイン生成に関する2つのプロンプトと生成結果のやり取りが表示されている。画面上部の右寄せの薄いグレーの吹き出しには、次の日本語テキストが正確に表示されている：「日本語の幼稚園の広告画像を、トンマナ違いで4種類並べて画像生成して。プロデザイナーが作ったトレンドのデザインで。アスペクト比は16:9」。その直下には、柔らかいパステルトーンの幼稚園広告デザインが2x2のグリッド状に並んだ角丸長方形の画像プレビューがある：左上は朝日を浴びる子どもの横顔のアップと手書き風の日本語コピー、右上は青空の下を走る4人の子どもたちと太字のフォント、左下は芝生で遊ぶ園児と現代的な園舎に吹き出し型のテキストエリア、右下は大きな緑の木と親子を描いたイラスト調のデザイン。プレビュー上には左下に「編集」と書かれた小さな丸ボタンと右下に共有アイコン、その下にコピー、高評価、低評価、その他オプションの4つのアイコンが並ぶ。さらに下には2つ目の薄いグレーの吹き出しがあり、「日本語の健康食品の広告画像を、トンマナ違いで4種類並べて画像生成して。プロデザイナーが作ったトレンドのデザインで。アスペクト比は16:9」と表示されている。その下の2つ目の2x2グリッドプレビューは健康食品の広告：左上は女性と淡いグリーンの清潔感あるウェルネス広告、右上は金色の粒子と明朝体テキストに[980円]の価格バッジがついた高級感ある黒と金のサプリメント広告、左下は半透明の花柄テクスチャをあしらったペールピンクの美容サプリ広告、右下は新鮮な野菜とパッケージを配したグリーンスムージーの広告。鮮明な日本語タイポグラフィと余裕のあるレイアウトのプレミアムなスマホ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つのアクションアイコンが並ぶ。 ``` --- ### 没入型音楽アプリUIポスター - URL: https://www.gptimagehub.com/ja/library/immersive-music-app-ui-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16860 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fimmersive-music-app-ui-poster - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ui-ux-design, 音楽プレイヤー, モックアップ, ケーススタディ, グラスモーフィズム, ダークモード, ポートフォリオ - Updated: 2026-10-26T16:21:58.098Z - Created: 2026-10-26T16:21:58.098Z スマホモックアップ上にダークモードの音楽アプリUIポスターを描画します。曲名や歌詞、解説文、グローの色を自由にカスタマイズ可能です。 ### Full prompt ```text {"type":"音楽アプリUIコンセプトポスター","style":"プレミアムで未来的なモバイルアプリのショーケース、ダークモード、映画のようなプロダクトプレゼンテーション、Spotify風のグリーンネオングロー、高コントラスト、洗練されたグラスモーフィズム、洗練されたテック広告の美学","format":"黒背景の中央にスマートフォンモックアップを配置した縦型ポスター","headline":{"kicker":"CONCEPT 1","title":"IMMERSIVE PLAYER","subtitle":"Music becomes environment."},"device":{"type":"モダンなブラックスマートフォン","position":"中央","screen":{"app":"没入型ミュージックプレイヤー","status_bar":{"time":"9:41","icons_count":3},"top_area":{"left_icon_count":1,"center_text_lines":2,"texts":["PLAYING FROM","Liked Songs"],"right_icon_count":1},"artwork":{"shape":"フルスクリーンの背景ポートレートと中央の正方形アルバムカバーオーバーレイ","subject":"青緑色のオーロラ風ライティングに包まれたカーリーヘアの歌手のムーディーなシルエット","dominant_colors":["ディープブラック","ティール","エメラルドグリーン","シアングロー"]},"side_tab":{"count":1,"label":"QUEUE","orientation":"右端の垂直ピルボタン"},"track_info":{"song_title":"[Dancing in the Rain]","artist_name":"[The Weeknd]","favorite_icon":true},"playback":{"waveform":"全幅に広がるオーディオリアクティブなネオングリーン波形","time_labels":["1:42","4:09"],"progress_slider":true,"main_controls":{"count":5,"items":["シャッフル","前へ","大型再生/一時停止ボタン","次へ","リピート"]},"secondary_controls":{"count":4,"items":["お気に入り","デバイス接続アイコン","設定・スライダーアイコン","歌詞カード上部の小型ユーティリティアイコン行"]}},"lyrics_card":{"title":"LIVE LYRICS","text":"[Baby, I’m dancing in the dark, with you between my arms...]","style":"グリーンの環境光を放つ角丸の半透明カード","bottom_position":true}}},"layout":{"sections":[{"title":"KEY COMPONENTS","position":"左下","count":4,"labels":["フルスクリーンアルバムアート + ダイナミックブラー","音反応型波形","リアルタイム同期歌詞","フローティングコントロール"]},{"title":"WHY IT WORKS","position":"中央下","count":2,"labels":["感情的な没入感を生み出す","音楽を映画のように、個人的で、生き生きと感じさせる"]},{"title":"INTERACTION","position":"右下","count":4,"labels":["上にスワイプで歌詞表示","左にスワイプで再生キュー","タップでマイクロインタラクション","触覚＋グローフィードバック"]}],"footer_cta":{"count":1,"text":"[Let the music surround you.]","icon":"緑色の円形音楽アプリロゴ"}},"lighting":"スマートフォンの背後から放射される柔らかなエメラルド色のバックグロー、控えめなビネット、発光するエッジ、上質なショールーム感覚","color_palette":["ブラック","チャコール","ホワイト","Spotifyグリーン","エメラルド","ティール"],"quality":"ハイエンドなUIケーススタディレンダリング、鮮明なタイポグラフィ、リアルな端末の反射、クリーンな余白、Behance/Dribbble向けプレゼンテーションポスター"} ``` --- ### ダークモード画像編集ソフトUIとマスコット - URL: https://www.gptimagehub.com/ja/library/dark-mode-software-ui-mascot-editor - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20597 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-software-ui-mascot-editor - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: uiモックアップ, ソフト画面, 日本語ui, カワイイマスコット, ダークモード, 透過グリッド, ベクターステッカー - Updated: 2026-10-27T02:57:18.098Z - Created: 2026-10-27T02:57:18.098Z 背景透過されたマスコットアイコンを編集する、リアルな日本語ダークモードUIのスクリーンショットを生成します。キャラクターや持ち物、アクセント枠線の色を自由に変更可能です。 ### Full prompt ```text ダークテーマのPowerPoint風画像編集モーダルウィンドウをリアルに描いた日本語UIスクリーンショット。レイアウトとインターフェース：かすかに見えるスライド背景の上に中央配置された、ダークチャコールの角丸モーダルダイアログ（控えめなドロップシャドウ付き）。上部中央のズーム表示は「42%」。トップバー：左上に日本語テキスト「画像の編集」と小さな「元に戻す」「やり直し」の矢印アイコン、右上にネットワークアイコンと「X」閉じるボタン。その下に、アイコン付きの6つのダーク角丸長方形ツールボタン「補正」「トリミング」「背景」「領域の選択」「テキスト」が並ぶフローティングツールバー。メインキャンバス：中央の正方形作業エリアは薄い紫色の枠線で囲まれ、黒と濃いグレーの透過チェッカーボードパターンが表示されている。キャンバス上部には緑のチェックアイコンが付いた「背景が削除されました。」というダークトースト通知と「X」ボタン。被写体：チェッカーボードの中央に、太い[pale pink]のアウトラインを持つステッカー調ベクターアートの[a white kawaii rabbit]のマスコット。大きめの丸い頭、ピンクの内耳を持つ長い立ち耳、ツヤのある茶色い目、ピンクの楕円形のチーク、嬉しそうに開いた口。胸の前で両手で抱えた[a mint-aqua heart]には柔らかいハイライトがあり、強い影のないクリーンなデザイン。コントロールとフッター：作業エリアの右側に縦並びのサムズアップ・サムズダウンのフィードバックアイコン。モーダル下部中央に「AI 生成コンテンツは間違っている可能性があります。」という控えめな免責事項。右下にオレンジ色の「保存」ボタンとダークグレーの「キャンセル」ボタン。全体スタイル：鮮明なマイクロソフト風ダークUI、クリーンな日本語タイポグラフィ、本格的なソフトウェアモックアップ。 ``` --- ### Telegram AIボット画像生成チャット画面 - URL: https://www.gptimagehub.com/ja/library/telegram-ai-bot-image-generation-chat-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32977 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ftelegram-ai-bot-image-generation-chat-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: telegram, スクリーンショット, ダークモード, uiモックアップ, チャットボット, 星座, ios画面 - Updated: 2026-10-26T22:05:13.098Z - Created: 2026-10-26T22:05:13.098Z AIボットが生成画像とログを投稿したダークモードのTelegramチャット画面を再現。括弧内のチャット名やキャプションを調整可能です。 ### Full prompt ```text ダークモードのiOSインターフェースを再現した、リアルなTelegramチャットの縦向きスマートフォン画面スクリーンショット（アスペクト比9:16）。 上部ステータスバーとヘッダー：最上部にiOSステータスバー。左に「6:50」、中央に青い「TELEGRAM」ピル、右に電波・Wi-Fi・バッテリーアイコン。その下のTelegramヘッダーには丸い戻る矢印、太字の白テキスト「[Arcturus Alpha]」、その下に薄いグレーの「bot」サブタイトル、右側に濃紺の背景に輝く金色の牡牛座エンブレムの丸いアバターアイコンを表示。 背景：ロケット、星、惑星などの薄い線画アイコンが散りばめられたTelegram特有のダークモード用落書きパターン壁紙。 チャットレイアウト（表示メッセージは正確に3件）： 1. 上部メッセージ：上端がわずかに切れた濃い紫の角丸吹き出し。白テキストで「four, coming up — same minimal test as last time so we're changing exactly one variable:]] Remark: Attempt four — same test, now with the missing await in place...」、右下に薄いグレーで「6:48 PM」。 2. 中央のメディアメッセージ：深いネイビーの星空と天の川を背景に、光る細い線と星のノードで描かれた黄金の星座の牡牛の角丸正方形画像プレビュー。その直下に濃い紫のキャプション吹き出し「[gpt-image-2 smoke test — the constellation ox, back in business.]」と右下に「6:49 PM」。 3. 下部メッセージ：入力バーで下部が隠れた吹き出し。「[[Private: 🤍 Arcturus> 🎉 It worked! That missing await was the culprit — image generated, file」と表示され、「worked!」は太字。 下部UI：Telegramのメッセージ入力バー。左端に青い「Menu」ボタン、クリップアイコン、プレースホルダー「Message」と書かれたダークな角丸入力欄、右端にマイクアイコン。入力バーのすぐ右上に小さな丸い下矢印フローティングボタン。 ``` --- ### ダークモードお絵描きアプリの怪獣落書き - URL: https://www.gptimagehub.com/ja/library/dark-mode-sketch-app-monster-doodle - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-33997 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-sketch-app-monster-doodle - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: UIスクリーンショット, お絵描きアプリ, ダークモード, デジタル落書き, モンスターアート, 描画インターフェース - Updated: 2026-10-26T19:40:43.098Z - Created: 2026-10-26T19:40:43.098Z 粗いモンスターの落書きと編集ツールが並ぶダークUIのお絵描き画面を生成します。落書きの色やキャンバスの背景、怪物の形状を変更して調整可能です。 ### Full prompt ```text 制作途中のあえて粗削りな落書きが表示された、ダークモードのデジタルスケッチツールのスクリーンショット。丸みを帯びた[ダークチャコール]の描画パネルが4:3画面の大部分を占め、背景にはかすかに暗く沈んだアプリ画面が見えます。中央には太く不揃いなブラシストロークで描かれた[ホワイト]の線画モンスター：左を向いた長いクチバシ、ギザギザの開いた口、走り書きの楕円の目、丸まった背中、曲げた脚、長い曲線の尾を持つ前かがみのファンタジークリーチャー。左下には茎のついた小さな[ティール]の花の落書き、右上には[オレンジ]で描かれた太陽の光のラフスケッチ。UI要素として、左上に閉じる「×」ボタン、上部中央に6つのアイコン（矢印カーソル、波線ブラシ、テキスト「T」、シェイプ複製、消しゴム）が並ぶ角丸ツールバー、右上に元に戻す・やり直すアイコン、左側に白い丸ノブが付いた垂直スライダー、下部に青い枠で選択された黄オレンジ色を含む16色の丸いカラーパレット、右下に緑色の丸いチェックマーク確定ボタン。遊び心のあるダークUIと手描き風のラフなスケッチスタイル。 ``` --- ### GitHubダークモードREADMEスクリーンショット - URL: https://www.gptimagehub.com/ja/library/github-dark-mode-readme-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-23217 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fgithub-dark-mode-readme-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: anime - Tags: github, ダークモード, ui画面, readme, アニメファッション, モックアップ, ウェブデザイン - Updated: 2026-10-27T06:19:38.098Z - Created: 2026-10-27T06:19:38.098Z 厳選されたアニメファッションギャラリーが並ぶ、ダークモードのGitHub README画面を生成します。リポジトリ名やUIテキストを変更して様々なドキュメントを再現できます。 ### Full prompt ```text ダークモードのGitHubリポジトリREADMEプレビュー画面を模した、リアルなデスクトップブラウザのスクリーンショット。上部UI：ダークネイビー／ブラックのGitHubヘッダーバー、ブランチセレクター「main」、リポジトリ名「[GPT-Image2-Skill]」、ファイルパス「[README.zh.md]」を表示。その下に「Preview」「Code」「Blame」のタブと、「2865 lines (2093 loc) · 204 KB」というメタデータテキスト、右上に「Raw」などの標準ボタンを配置。メインのREADMEコンテンツ：ダーク背景の中央揃えカラムに、中央見出し「🎀 动漫与漫画」と細い水平線、右上に角丸の「↑ 图库索引」ボタン。区切り線の下には太字の小見出し「动漫时尚写真三联图」と、枠線付きの3枚横並びの縦長ポートレートギャラリー：1. 左パネル：夜の落ち着いたカフェ席でくつろぐアニメファッションの女性、暖色のランプ、窓外の街の夜景、黒い服とクリーム色のカーディガン、黒タイツ、シネマティックな光、顔は意図的にぼかし／モザイク処理。2. 中央パネル：ピンクと紫のネオン輝くゲームセンターでの全身ポートレート、クレーンゲーム、白いクロップトップ、黒ジャケット、プリーツスカート、サイハイソックス、スニーカー、顔は意図的にぼかし／モザイク処理。3. 右パネル：夕暮れの日本の街頭にある丸いカーブミラー越しの自撮り、自販機が背景、クリーム色のカーディガン、黒プリーツスカート、黒タイツ、顔は意図的にぼかし／モザイク処理。洗練されたGitHubダークモードUIフォント、控えめなグレーの境界線、鮮やかなサムネイル、ブラウザのアドレスバーなし。 ``` --- ### ChatGPT ダークモード画像生成スクリーンショット - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-image-generation-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21765 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-image-generation-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, モバイルui, ダークモード, スクリーンショット, アプリ画面, リンゴ, iosデザイン - Updated: 2026-10-26T23:41:38.098Z - Created: 2026-10-26T23:41:38.098Z AI画像生成のプロンプトと結果を表示するリアルなChatGPTスマホアプリのダークモード画面を生成します。角括弧内のプロンプトやサイズ、シード値を変更してアレンジ可能です。 ### Full prompt ```text ダークモードのChatGPTモバイルアプリのリアルな縦長スマートフォン画面スクリーンショット（アスペクト比9:16）。上部のiPhone風ステータスバーには真っ黒な背景に19:44、アンテナピクト、4G、バッテリー残量67%が表示されています。上部ナビゲーションバーには4つの要素：左端に円形のハンバーガーメニュー、青文字で「Thinking」と書かれた角丸ピル、鉛筆の編集アイコン付きボタン、右端に3点リーダーアイコンが並びます。 その下には、右寄せで角丸のダーク赤褐色のユーザーメッセージバブルが1つあり、以下の3行のテキストが表示されています： 「PROMPT: [机上のリンゴ]」 「size=[1024×1024]」 「seed=[1234]」 バブルの真下には薄いグレーのテキストで「Thought for [33s]」と表示されています。 その下には画面幅の大部分を占める角丸の大きな画像カードが配置されています。カード内には、柔らかなスタジオ照明の下、明るい木製テーブルの中央に置かれた光沢のある写実的な赤リンゴの写真が表示され、ヘタのくぼみ付近に黄緑のハイライト、かすかな縦縞、小さな茶色いヘタがあり、背景は薄いグレーの壁が淡くボケています。画像カード内の左下には「編集する」と書かれた茶色の角丸ボタン、右下には白い共有矢印アイコンが付いた茶色の円形ボタンがあります。カードの直下には単独の「…」が表示されています。 画面最下部にはChatGPTの入力バーがあり、プラスアイコン、プレースホルダーテキスト「ChatGPT に質問する」、マイクアイコン、オレンジ色の円形音声波形ボタンがダークな角丸入力コンテナ内に配置されています。本格的なiOSダークテーマUI、鮮明なタイポグラフィ、整ったスペーシング、透かしやブラウザ枠なし。 ``` --- ### 金の卵デザイン案 プレゼンテーションスライド - URL: https://www.gptimagehub.com/ja/library/japanese-golden-egg-concept-presentation-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-26995 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-golden-egg-concept-presentation-slide - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンテーション, スライド, インフォグラフィック, uiデザイン, 金の卵, ダークモード, 日本語タイポグラフィ - Updated: 2026-10-27T04:01:43.098Z - Created: 2026-10-27T04:01:43.098Z 12パターンのデザインバリエーションを提示するダークトーンの日本語スライドを生成します。テキストやグリッド内の被写体を変更して活用できます。 ### Full prompt ```text ダークチャコールブラックの背景（#181818）に右側の余白を広くとった、16:9比率のモダンなプレゼンテーションスライド風SNS画像。左上にはすっきりとした日本語タイポグラフィで「[まず imagegenで作った金の卵12案 です。]」と配置され、「imagegen」と「金の卵12案」は太字の白、残りは通常の白テキスト。見出しの下には、繊細な境界線とソフトなドロップシャドウが付いた濃紺ブラックの角丸長方形カードを配置。カード内には4列×3行のグリッドで12種類の[金の卵]コンセプトデザインを収録：1) 明るいハイライトの光沢ある滑らかな卵、2) アイコン調の縁取りがある卵、3) ローポリファセット宝石風の卵、4) 接地シャドウ付きの滑らかな金属卵、5) 大胆な白ハイライトのフラットな黄金色卵、6) ブラッシュドゴールド加工の卵、7) キラリと光る星形フレア付き光沢卵、8) リムライトが光るダーク調の卵、9) 丸みを帯びた平たい卵、10) 細長いスマートな卵、11) 深みのあるブロンズゴールド反射卵、12) ミニマルなマットイエローゴールドシルエット卵。左下には「[それを参考に、ファームのコード描画プリミティブで近似する12案 を作りました。]」と中央フレーズを太字白で配置。右下付近には半透明の円形下矢印UIアイコンが浮かぶ構成。 ``` --- ### ダークモードAIチャット画面モックアップ - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-chat-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-21946 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-chat-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: uiスクリーンショット, ダークモード, チャット画面, アニメ化, モックアップ, 日本語ui - Updated: 2026-10-27T04:11:08.098Z - Created: 2026-10-27T04:11:08.098Z 写真からアニメ風への変換プレビューと日本語の吹き出しが並ぶダークモードチャットUIを生成します。テキストやプレビュー内容を自由に変更できます。 ### Full prompt ```text AI画像生成のやり取りを表示する、リアルなダークモードのチャットUIスクリーンショット。ダークチャコールの背景、控えめな角丸とシャドウを持つ正方形のデスクトップアプリ画面の構図。 左上に3つの正方形サムネイルカードが横一列に並び、それぞれ円形ポートレートが配置されている：1) 肩までのウェーブのかかったブルネットの女性、2) 長い明るい髪のブロンドの女性、3) ストレートの黒髪の女性。各顔には薄い矩形のプライバシーモザイクが施されている。サムネイルの右下には、角丸のグラファイト色チャット吹き出しがあり、日本語テキスト「[あー、あとアニメ風の Ping を作りたいかも？？]」が表示されている。その下左側には小さなグレーのステータス表示「[2m 38s作業しました ›]」と細い水平の区切り線がある。 区切り線の下の左側には、温かみのあるオフホワイトの背景に3人の女性が肩を並べ、洗練されたセミリアルなアニメキャラクターアートへと変換された角丸長方形のプレビュー画像が1枚配置されている。ブルネットはライトブルーのシャツの上にクリーム色のカーディガン、ブロンドは重ね付けネックレスに白いトップス、黒髪の女性は黒いレザージャケットを着用。顔には薄い矩形モザイクがかかっている。 右側には続く送信吹き出しが配置されている：「[おー超いい感じ！！\n一人一人、一枚ずつ、作る感じで]」、続いて幅広の「[その上で、そのまま、最後まで動く、ナレーション込みのやつでお願い]」、そして右下の「[作って欲しい]」。下部吹き出しの中央付近に小さな円形の下矢印ボタン。ミニマルな日本のUIスタイル、整ったグラファイト色の吹き出し、淡いグレーのテキスト、余計なロゴや透かしなし。 ``` --- ### ChatGPTダークモード ファンタジーロゴ生成画面 - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-fantasy-logo-generation-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20655 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-fantasy-logo-generation-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: chatgpt, モバイルui, ダークモード, ファンタジーロゴ, jrpgフォント, 初音ミク, スクリーンショット - Updated: 2026-10-27T07:50:58.098Z - Created: 2026-10-27T07:50:58.098Z アニメ風ファンタジーロゴを生成するChatGPTスマホアプリのリアルなダークモード画面を作成します。括弧内のキャラクター名やロゴ文字を自由に変更可能です。 ### Full prompt ```text ファンタジーJRPGロゴの画像生成会話が完了した画面を表示する、ChatGPTスマホアプリのリアルなダークモードスクリーンショット（対象：[HATSUNE MIKU]）。縦長スマートフォンの画面構成、黒背景、ステータスバーやキーボードのないiOS風アプリUIで、下部の生成画像カードは画面端で見切れる構図。 上部ナビゲーション：細いダークヘッダーバー。左端にハンバーガーメニュー、中央に「ChatGPT Auto」と小さな下向きシェブロン、右上に鉛筆編集アイコン、右端に三点リーダーの計4つのUI要素。 会話レイアウト： - 右上：モノトーン衣装を着たターコイズ色のツインテールアニメ少女の角丸サムネイル画像が1枚。 - サムネイル下：右寄せの大きなダークグレー角丸ユーザー吹き出しに鮮明な白文字テキスト：「Create a fantasy logo titled “[HATSUNE MIKU]” using the attached character only as a silhouette-based emblem, not a full illustration. Integrate a large anime-inspired side-profile silhouette directly into the logo while preserving the character’s exact identity through shape language alone: hairstyle, facial profile, posture, and proportions must remain recognizable from silhouette only. The figure should feel abstracted, and partially obscured with textures and negative space. No visible eyes, hands, or clothing rendering. Prioritize silhouette readability, implied detail. Typography should dominate: elegant fantasy JRPG serif lettering with gradients, luminous edging, beveling, and flourishes. Hair, cloak, smoke, and magical effects should intertwine organically with the text. Include inferred fantasy motifs like symbols and architecture. Wide asymmetrical 16:9 banner, premium JRPG title-screen aesthetic, white background, semi-flat painterly anime graphic design.」 - 吹き出し下：左寄せの小さなグレー文字「Image created」。 - 生成結果プレビュー：白背景の大きな角丸カードに、生成された16:9のファンタジーロゴを表示。上段「[HATSUNE]」、下段「[MIKU]」の装飾的なセリフ体文字（アイスティール色のグラデーション、メタリックな面取り、光る輪郭）。文字の右側に特徴的なツインテールを持つダークティールのアニメ横顔シルエット、背後に淡い金色の羅針盤風の光輪、右下にゴシック調の城のシルエット、渦巻くティールの煙とリボン、輝く星のエフェクト、右下に小さなピンクの「01」マーク。 ``` --- ### ダークモードAIアリーナのホワイトボード画面 - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-arena-whiteboard-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19571 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-arena-whiteboard-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: ui画面, ダークモード, ホワイトボード, aiアリーナ, ブランディング, モックアップ, ミニマル - Updated: 2026-10-28T00:43:38.098Z - Created: 2026-10-28T00:43:38.098Z 評価カード内に手書きホワイトボードを表示するダークモードのAI比較アリーナUI。プロンプト文、モデル名、社名ロゴを変更可能です。 ### Full prompt ```text {"type":"ダークモードのAI画像生成アリーナのスクリーンショット","scene":"画像生成の比較を表示するワイドスクリーンのブラウザ風UI。背景はチャコールブラックで、角丸パネルとネオングリーンの輪郭線。左上に角丸のグレーのプロンプト吹き出しがあり、白いサンセリフ体で「[A whiteboard with the name of the company/lab that made you written on it]」と表示。","layout":{"visible result cards count":2,"cards":[{"position":"左端、一部切り取られ","description":"細い緑の枠線、ダークヘッダー、ダウンロードアイコン、編集ボタンを備え、オフィスのホワイトボード画像右側のみが表示された比較カード。"},{"position":"中央右、全体表示","label":"[mondrian]","description":"細い緑の枠線とダークヘッダーを持つ角丸大型カード。左上にネオングリーンのラベル、右上にダウンロード矢印と鉛筆アイコン付き編集ボタンを配置。"}]},"main generated image":{"position":"中央右カード内","style":"フォトリアリスティックなスマホ撮影写真またはWebプレビュー風","subject":"オフィスまたは会議室の清潔なホワイトボード","composition":"角丸スクエア枠内中央に配置された正面のホワイトボード。上部レールと下部ペントレイが見え、画面の大半を占める。","text on whiteboard":"黒いマーカーの手書き太字で「[DeepMind]」、その下にやや小さな手書きで「[an Alphabet company]」と書かれ、黒マーカーの直線で下線が引かれている。","objects count":2,"objects":["左側トレイに置かれた白黒のホワイトボードマーカー1本","右側トレイに置かれた黒い四角いイレーザー1個"],"visual details":"柔らかな室内照明、控えめな陰影、清潔なオフホワイトのボード面、自然なマーカーの手書き筆跡、角丸フレーム、鮮明なUI","text accuracy":"指定通りの綴りで、フォントではなく自然で手書き感のある明瞭なマーカー文字。"},"camera and rendering":"固定スクリーンショット視点、全体4:3トリミング、高解像度Web UIキャプチャ、モダンですっきりしたデジタルインターフェース"} ``` --- ### AI画像生成WebアプリUIモックアップ - URL: https://www.gptimagehub.com/ja/library/ai-image-generation-web-app-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13627 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-image-generation-web-app-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, webアプリ, ダッシュボード, ダークモード, モックアップ, インターフェース - Updated: 2026-10-27T01:32:18.098Z - Created: 2026-10-27T01:32:18.098Z サイドバーと各種機能セクションを備えた、AI画像生成ツールのダークモードWeb画面を生成します。ロゴや見出し、プレースホルダーを変更して調整可能です。 ### Full prompt ```text { "type": "UI/UX web application mockup", "theme": "dark mode", "sidebar": { "logo": "[ChatGPT]", "navigation_items": 5, "recent_chats_count": 8, "user_profile": "User, Free tier" }, "main_content": { "header": "Images", "input_bar": { "placeholder": "[新しい画像を説明...]", "model_selector": "[GPT Image 2]" }, "sections": [ { "title": "[新登場: GPT Image 2 が登場！]", "description": "より高いリアリズム、優れたタイポグラフィ、より深い世界知識を備えた次世代画像生成モデル。", "feature_tags_count": 4, "hero_images_count": 3, "hero_images_descriptions": [ "山の湖の風景", "ネオンが輝くサイバーパンクの通り", "タイポグラフィポスター" ] }, { "title": "画像にスタイルを適用", "style_thumbnails_count": 8, "style_labels": [ "アニメ", "油絵", "シネマティック", "3Dレンダリング", "線画", "ドット絵", "水彩画", "サイバーパンク" ] }, { "title": "新機能を発見", "feature_cards_count": 6, "feature_labels": [ "高度なテキストレンダリング", "一貫したキャラクターとシーン", "高いリアリズム", "世界知識", "正確な編集", "より創造的なスタイル" ] }, { "title": "マイイメージ", "recent_images_count": 6, "recent_images_descriptions": [ "アニメ男子のポートレート", "トラ猫の子猫", "トラ猫の子猫", "眠る白いホッキョクギツネ", "結婚式の招待状", "コードエディタ端末" ] } ] } } ``` --- ### エディトリアルデザイン解説知識カードポスター - URL: https://www.gptimagehub.com/ja/library/editorial-design-knowledge-card-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32838 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Feditorial-design-knowledge-card-poster - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: インフォグラフィック, ポスター, グラフィックデザイン, タイポグラフィ, ミニマリズム, スイススタイル, ダークモード - Updated: 2026-10-27T01:57:58.098Z - Created: 2026-10-27T01:57:58.098Z スイススタイルを取り入れた暗色系の教育デザインポスター。タイポグラフィと幾何学図形で構図理論を解説します。角括弧内の文字を変えて別の概念に応用可能です。 ### Full prompt ```text ダークなモダン・グラフィックデザイン様式で「[分散构图]」を解説する縦長のエデュケーショナル・ナレッジカード・ポスター。視覚的レイアウトにおける分散構図を主題とする。構図：アスペクト比3:4、わずかに紙の粒状感がある漆黒の背景、高コントラスト、十分な余白、スイススタイルのエディトリアルレイアウト。左上のメインタイトル：大文字2行の中国語見出し「[分散构图]」（1行目はオフホワイト、2行目はラベンダーパープル）、大文字のラベンダー色英語サブタイトル「SCATTERED COMPOSITION」、細いラベンダー色の水平区切り線、左揃えの解説文「将视觉元素有意分散在画面各处，形成多个视觉焦点，营造开放、轻盈与多向的视觉体验。」。視覚要素：アシンメトリーな配置と複数の焦点を持つ幾何学要素群（右上の大きな黄色い円1つ、中央右の中型紫色円1つ、中央付近の小さなオレンジ円1つ、左下のティール色正方形1つ、中央右の小さなピンク正方形1つ、中央左寄りの小さな紫色円1つ、右下の大きなオフホワイトの中空リング1つ、全体に散らされた白いプラス記号5つ、中央下の黄色いプラス記号1つ、右上の紫色3×3ドットグリッド1つ、中央左寄りのオフホワイト3×3ドットグリッド1つ）。引き出し線：端点ドット付きの点線アノテーション3本。コールアウト01は大きな黄色い円を指し、黄色の見出し「视觉焦点 01」と白色の文言「大面积色块吸引视线，建立主要焦点。」。コールアウト02は中型の紫の円を指し、紫の見出し「视觉焦点 02」と白色の文言「中等元素与留白结合，引导视线自然停留。」。コールアウト03は小さなオレンジの円を指し、オレンジの見出し「视觉焦点 03」と白色の文言「小面积高对比元素，成为次级视觉锚点。」。左下のヒント枠：小さな紫色の電球アイコン、紫のラベル「技巧提示」、白色の文言「通过大小、色彩、形状、方向的变化，在分散中建立联系，在留白中制造节奏。」、下に細いオフホワイトの下線。右下の凡例：中空リング横にコンパクトな4行（1行目：黄色3×3ドット「变化 / VARIATION」、2行目：紫の波線「节奏 / RHYTHM」、3行目：ティール色プラス「呼吸 / BREATH」、4行目：ピンク枠線正方形「开放 / OPENNESS」）。フラットベクター、マットな質感、クリアな文字、枠線のないミニマルデザイン。 ``` --- ### 航空テーマのダークUIデザインシステムボード - URL: https://www.gptimagehub.com/ja/library/aviation-dark-ui-design-system-board - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13508 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Faviation-dark-ui-design-system-board - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, デザインシステム, 航空, グラスモーフィズム, ダークモード, ダッシュボード, インターフェース - Updated: 2026-10-27T19:32:23.098Z - Created: 2026-10-27T19:32:23.098Z フライトUIとグラスモーフィズムを融合したダークモードUI/UXデザインボードを生成。タイトルや飛行データ、目的地を変更可能です。 ### Full prompt ```text { "type": "UI/UXデザインシステム コンセプトボード", "theme": "航空・フライトインターフェース", "overall_style": "ダークモード、洗練、モダン、テクニカル、未来的、グラスモーフィズム", "layout": { "top_left": { "section": "DESIGN STYLE", "title": "[AERIAL INTERFACE]", "subtitle": "[空域界面]", "description": "航空インターフェースデザインに関するイントロダクション段落", "principles": { "count": 4, "labels": ["SENSE OF CONTROL", "MINIMAL & PURE", "DATA AESTHETICS", "IMMERSIVE EXPERIENCE"] } }, "top_center": { "imagery": "暗い背景の中を上昇する旅客機の真俯瞰視点、2本の白い飛行機雲", "text": ["FLIGHT AS INTERFACE.", "Your Ideas. Our Altitude."], "metrics": ["STATUS CRUISING", "DESTINATION CREATE", "ETA ∞"] }, "top_right": { "section": "UI Widget", "imagery": "夕焼けの雲海の上に航空機の翼が見える角丸長方形パネル", "data_points": ["11:34", "1975 PEOPLE ONBOARD", "FLIGHT DATA [OKINAWA]", "ALTITUDE 35,000 FT", "SPEED 552 KTS"], "tabs": { "count": 3, "labels": ["MAP", "DATAVIEW", "SYSTEM"] } }, "bottom_left": { "section": "COLOR PALETTE", "swatches": { "count": 3, "labels": ["#05070A", "#0B1220", "#E6F0FF"] } }, "bottom_mid_left": { "section": "TYPOGRAPHY", "fonts": { "count": 2, "labels": ["[INTER]", "[JETBRAINS MONO]"] } }, "bottom_mid_right": { "section": "MATERIAL", "examples": { "count": 2, "labels": ["GLASS (frosted rectangle)", "METAL (dark sphere)"] } }, "bottom_right": { "section": "MOTION", "concepts": { "count": 3, "labels": ["Airplane taking off", "Radar focus circle", "Glowing flight streak"] } }, "footer": { "text": "DESIGN ESSENCE: Not just designing an interface, but creating a flight experience." } } } ``` --- ### ダークフロストガラス音楽プレーヤーUI - URL: https://www.gptimagehub.com/ja/library/dark-frosted-glass-music-player-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14757 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-frosted-glass-music-player-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: 音楽プレーヤー, uiデザイン, グラスモーフィズム, ダークモード, モバイルアプリ, インターフェース - Updated: 2026-10-28T05:38:48.098Z - Created: 2026-10-28T05:38:48.098Z ダークグラフィズム調の洗練されたモバイル音楽プレーヤーUIを生成します。アプリの種類、視覚スタイル、再生中のアーティストを変更してカスタマイズ可能です。 ### Full prompt ```text [Music player]のインターフェース、[dark frosted glass style]、[Jay Chou songs]を再生中、洗練された再生コントロールと美しいぼかし効果を備えたモダンなモバイルUIデザイン ``` --- ### 歴史上の皇帝によるSNS投稿UI - URL: https://www.gptimagehub.com/ja/library/historical-emperor-social-media-post-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-57 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fhistorical-emperor-social-media-post-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiモックアップ, ソーシャルメディア, ダークモード, twitter風, 歴史パロディ, 明朝, アプリアイコン - Updated: 2026-10-28T02:58:33.098Z - Created: 2026-10-28T02:58:33.098Z 明の初代皇帝・朱元璋が即位を報告するTwitter風ダークモードUIを生成。テキストや画像を変えて歴史上の人物の架空投稿を作成できます。 ### Full prompt ```text { "type": "モバイルSNSアプリUIモックアップ", "platform": "Twitter/X ダークモード", "header": { "status_bar": "時刻 19:28、鳥アイコン、電波アイコン、Wi-Fi、バッテリー残量", "navigation": "戻る矢印アイコン、『Tweet』ヘッダータイトル" }, "post": { "author": { "avatar": "赤い皇帝衣装と黒い帽子を身につけた明朝の中国皇帝の円形ポートレートアイコン", "display_name": "[Emperor Zhu Yuanzhang] 👑 [認証バッジ]", "handle": "[@Emperor_Ming]" }, "content": { "text": "[I have ascended to the Dragon Throne! Today, I am proclaimed as the Emperor of the Ming Dynasty. The era of Hongwu has begun. Let us rebuild our great nation together!]", "hashtags": "[#MingDynasty #HongwuEra #NewBeginning]", "media_grid": { "count": 3, "images": [ "絢爛豪華な黄金の龍の玉座に座る、赤と金の絹の衣装をまとった皇帝", "ひざまずく廷臣たちで埋め尽くされた壮大な中国宮殿の中庭の広角ショット", "深紅の龍旗を掲げた軍勢を率いて馬に乗る皇帝" ] } }, "metadata": { "timestamp": "[1:36 PM · Jan 23, 1368]", "engagement": "5,432件のリツイート、8,765件の引用、20.1K件のいいね、102.3K回の表示" }, "actions": "返信、リツイート、赤色のハートと『1』がついたいいね、共有、アップロード" }, "footer": { "reply_bar": { "avatar": "伝統的な赤い衣装を着た女性の円形アバター", "placeholder": "Emperor Zhu Yuanzhangに返信..." }, "navigation_bar": "ホームアイコン、検索アイコン、赤いバッジ『1』付き通知アイコン、ダイレクトメッセージアイコン" } } ``` ### Source - Author: liyue\_ai - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### AIエコシステム グリッドインフォグラフィックポスター - URL: https://www.gptimagehub.com/ja/library/ai-ecosystem-grid-infographic-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15460 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-ecosystem-grid-infographic-poster - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: aiエコシステム, インフォグラフィックポスター, カオスマップ, グリッドレイアウト, ダークモード, データ視覚化 - Updated: 2026-10-26T23:15:28.098Z - Created: 2026-10-26T23:15:28.098Z 主要なAI企業100社と業界セクターをまとめたダーク調の10x10グリッド情報ポスター。タイトルやカテゴリ、企業名を変更してテック市場を整理できます。 ### Full prompt ```text {"type":"未来的なインフォグラフィックポスター","subject":"2026年のAI企業100社をまとめた正方形10x10のグリッドマップ","style":"クリーンなダークテックのエディトリアルインフォグラフィック、濃紺の背景にフラットベクターロゴ、かすかに光る細いグリッド線、鮮明で高コントラストなタイポグラフィ、現代的なスタートアップエコシステムポスター","aspect_ratio":"1:1","background":{"color":"濃いネイビーブルー","texture":"かすかな発光を伴う繊細なグラデーション"},"title_block":{"headline":"[AI COMPANIES IN 2026]","position":"上部中央","style":"非常に大きく太いサンセリフ大文字、白文字で「2026」は青から紫へのグラデーション"},"layout":{"type":"グリッドポスター","grid":{"columns":10,"rows":10,"cell_count":100,"numbering":"各セルの左上に小さく白い数字で1〜100の通し番号","cell_style":"淡い青の極細ボーダーを持つ均一な正方形セル、中央揃えの企業ロゴと社名"},"left_sidebar":{"count":10,"position":"各行に対応した最左端の縦列カテゴリラベル","style":"シアンとマゼンタの小さな大文字テキストとシンプルなラインアイコン","labels":["FRONTIER LABS & BIG TECH","AI APPLICATIONS & PLATFORMS","CREATIVE AI & MEDIA","AUTONOMY & ROBOTICS","AI HARDWARE & CHIPS","AI DEV TOOLS & INFRA","HEALTHCARE AI","PRODUCTIVITY & WORK","ENTERPRISE & LEGAL AI","SERVICES & SYSTEMS INTEGRATORS"]},"sections":[{"title":"FRONTIER LABS & BIG TECH","position":"row 1","count":10,"labels":["OpenAI","Anthropic","Google DeepMind","Microsoft","Meta","Amazon","Apple","NVIDIA","xAI","IBM"]},{"title":"AI APPLICATIONS & PLATFORMS","position":"row 2","count":10,"labels":["Adobe","Salesforce","Oracle","Databricks","Snowflake","Palantir","Scale AI","Cohere","Mistral AI","Inflection AI"]},{"title":"CREATIVE AI & MEDIA","position":"row 3","count":10,"labels":["Perplexity AI","Character.AI","Hugging Face","Stability AI","Runway","Pika Labs","Luma AI","Midjourney","ElevenLabs","Synthesia"]},{"title":"AUTONOMY & ROBOTICS","position":"row 4","count":10,"labels":["Waymo","Tesla AI","Zoox","Cruise","Figure AI","Boston Dynamics","Agility Robotics","Covariant","Skydio","Shield AI"]},{"title":"AI HARDWARE & CHIPS","position":"row 5","count":10,"labels":["TSMC","Broadcom","AMD","Intel","Graphcore","Cerebras","Groq","SambaNova","Tenstorrent","d-Matrix"]},{"title":"AI DEV TOOLS & INFRA","position":"row 6","count":10,"labels":["LangChain","Weights & Biases","OctoML","Anyscale","Replicate","Modal","Together AI","Fireworks AI","Vercel AI","Replit"]},{"title":"HEALTHCARE AI","position":"row 7","count":10,"labels":["DeepL","Duolingo","Khan Academy","Quizlet","Abridge","Tempus","Insilico Medicine","Recursion","PathAI","Owkin"]},{"title":"PRODUCTIVITY & WORK","position":"row 8","count":10,"labels":["Notion","Grammarly","QuillBot","Jasper","Copy.ai","HubSpot","Canva","Figma","Framer","Wix"]},{"title":"ENTERPRISE & LEGAL AI","position":"row 9","count":10,"labels":["Glean","Harvey","Ironclad","Lexion","Hebbia","Adept AI","Humans&","AMI","World Labs","Mithril"]},{"title":"SERVICES & SYSTEMS INTEGRATORS","position":"row 10","count":10,"labels":["SpaceX AI","Project Prometheus","Onix","ServiceNow","EPAM Systems","Accenture","TCS","Infosys","Capgemini","C3 AI"]}]},"branding":{"footer":"下部中央に小さく『COMPANIES SHAPING THE FUTURE OF AI IN 2026』と配置"},"logo_treatment":"各社はブランドカラーの識別しやすいシンプルなロゴマークを社名の上または横に配置。セル中央に均一なスケールで収める","color_palette":{"primary":"ディープネイビー","grid":"落ち着いたブルーグレー","text":"ホワイト","accent":"ブランドロゴに応じたシアン、パープル、マゼンタ、エレクトリックブルー、オレンジ、グリーン"},"rendering_notes":"対称的なポスター構成、インフォグラフィックの精密さ、パースの歪みなし、シャープなベクターエッジ、均等な余白、ソーシャルメディア共有に適した洗練されたデザイン"} ``` --- ### Xiaomi SU7 分解図チャットUI - URL: https://www.gptimagehub.com/ja/library/xiaomi-su7-exploded-view-chat-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14646 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fxiaomi-su7-exploded-view-chat-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: xiaomi su7, 分解図, インフォグラフィック, uiデザイン, 電気自動車, パーツ分解, ダークモード - Updated: 2026-10-27T08:05:48.098Z - Created: 2026-10-27T08:05:48.098Z ハイテクな車の分解インフォグラフィックを表示するダークモードのAIチャットUIを生成します。車種やカラー、ラベルを変更して応用可能です。 ### Full prompt ```text ダークチャコールの背景を持つ洗練された中国語AIチャットアプリのUIスクリーンショット。右上に配置されたグレーの角丸吹き出しには、白い中国語テキスト「小米汽车的产品拆解图」が表示されています。回答エリアの左上には太字の白い中国語テキスト「换成小米汽车，我做一张更像发布会级别的整车爆炸分解图。」が配置されています。その下、左中央寄りには光沢のある黒背景の角丸インフォグラフィックカードが大きく表示され、ターコイズブルーの[Xiaomi SU7]電気セダンのドラマチックな斜め前方の分解図（エクスプロージョンビュー）が描かれています。ボンネットやトランクが開き、フレームレスドアやバンパーが浮遊し、バッテリーパックやモーター、サスペンションが車体下に整然とレイヤー状に展開されています。カードの右上にはオレンジの正方形ロゴ、左上には3行の白い中国語タイトル「小米汽车 SU7」「产品拆解图」「科技跨越，人车合一」を配置。細い白い引き出し線で結ばれた14箇所の中国語ラベルが部品を注記し、下部には5列のスペック表とUIアイコン、白い「编辑」ボタンが並びます。シネマティックなスタジオ照明、黒に映えるシアンの反射光、シャープで精密なディテール。 ``` --- ### ChatGPTダークモード 背景透過画像UI - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-transparent-image-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32288 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-transparent-image-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: chatgpt, uiスクリーンショット, ダークモード, 背景透過, 日本語ui, ピザ, 画面デザイン - Updated: 2026-10-27T03:55:53.098Z - Created: 2026-10-27T03:55:53.098Z 透過チェッカーボード上に切り抜き画像プレビューを表示するChatGPTダークモードのリアルなUI画面を生成します。プロンプト文や生成対象を自由に変更可能です。 ### Full prompt ```text 純黒の背景を持つモダンなChatGPTダークモードのチャット画面のリアルなスクリーンショット。 レイアウトとコンテンツ： - 右上：丸みを帯びた青いユーザーメッセージの吹き出し。テキストは1行目に「[床に叩きつけられた1カットのピザの写真、ピザソースが飛び散っている、背景透過]」、2行目に「🖼️ 画像を作成する」と記載。 - 中央左：ダークグレーの透過チェッカーボードパターンの上に切り抜かれた[床に叩きつけられてソースが飛び散る1カットのペパロニピザ]を表示する正方形の生成画像プレビュー。ピザは斜め上を向き、フォトリアリスティックで艶やか、床や皿はなく、飛び散る赤いトマトソースの飛沫やチーズの糸、トッピングが周囲に浮遊している。 - プレビュー内操作UI：プレビュー左下に「編集」と書かれた小さな角丸ボタン、右下に小さな円形の共有・ダウンロードアイコン。プレビューの直下にはコピー、高評価、低評価、三点リーダー（…）の4つの控えめなアイコンを配置。 - 下部UI：「ChatGPT に質問」というプレースホルダーテキストが入った角丸のダーク入力バー。左側にプラス（+）アイコン、右側にマイクと音声アイコン、および「高い」のタグを配置。バー付近の中央に「ChatGPT の回答は必ずしも正しいとは限りません。重要な情報は確認するようにしてください。」という薄い免責事項テキストを配置。 スタイル：鮮明でシャープなデジタルUIデザイン、高コントラストなダークテーマ、正確なタイポグラフィとアイコン、ブラウザ枠や透かしのないクリーンな仕上がり。 ``` --- ### ダークエディトリアル AIアーキテクチャスライド - URL: https://www.gptimagehub.com/ja/library/dark-editorial-ai-architecture-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16945 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-editorial-ai-architecture-slide - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: インフォグラフィック, プレゼンスライド, keynoteデザイン, ダークモード, aiアーキテクチャ, タイポグラフィ, スイススタイル - Updated: 2026-10-27T20:37:43.098Z - Created: 2026-10-27T20:37:43.098Z スイス風エディトリアルレイアウトとシステム関係図を備えたダークモードのKeynoteスライドを生成。見出しや図表の各項目を自由に書き換え可能です。 ### Full prompt ```text {"type":"ダークエディトリアルインフォグラフィックスライド","style":"スイススタイルに着想を得たミニマルなレイアウト、強いコントラスト、エレガントなセリフ体の見出しと微小な大文字サンセリフのメタデータ、豊富な余白、映画のような黒背景、微細な粒子感、洗練された白タイポグラフィ、モノクロの図表カードを備えた高級Keynote風プレゼンテーションページ","aspect_ratio":"16:9","background":{"color":"ディープブラック"},"layout":{"sections":[{"title":"上部メタデータ","position":"上端","count":3,"labels":["INFOGRAPHIC · SYSTEM","[03 / 08]","[WHAT IS A HARNESS]"]},{"title":"メインテキストブロック","position":"左側","count":3,"labels":["[模型不是完整的 agent。]","Agent 的定义是 LLM 与工具、数据和环境持续互动。Harness 就是围绕模型的那套编排系统。","[Web search、tool calling、文件系统、当前目录、上下文压缩, 都不是\"模型本身\"。]"]},{"title":"図表カード","position":"右側","count":5,"labels":["模型（LLM）","挂载（Agent Harness）","工具（Tools）","上下文（Context）","记忆（Memory Store）"]},{"title":"フッター","position":"下端","count":4,"labels":["IMAGE TYPE · [系统关系信息图]","03","← → 翻页 ESC 关闭","3番目がハイライトされた7つのページ送りドット"]}],"centerpiece":"右側に配置された、すっきりとしたシステム構成図を含む大きめのオフホワイト長方形カード"},"typography":{"headline_font":"ハイコントラストのエディトリアルセリフ、特大、ボールド","body_font":"中国語本文用のモダンセリフ","meta_font":"トラッキングを広く取った極細大文字サンセリフ"},"diagram":{"card_color":"温かみのあるライトグレー","border":"なし、または極めて繊細","line_style":"細い黒の接続矢印","icon_style":"シンプルなアウトラインアイコン","nodes":[{"name":"模型（LLM）","position":"カード内左上","details":"見出し背後に微細な放射状テクスチャを配した小さなボックス、推論・生成の表示"},{"name":"挂载（Agent Harness）","position":"カード内上部中央","details":"タイトル上に小さな人物風アイコン、下に短い説明テキストを配した中央オーケストレーションボックス"},{"name":"工具（Tools）","position":"カード内右上","details":"レンチアイコンと8つのツール項目の縦並びリストを持つ縦長ボックス"},{"name":"上下文（Context）","position":"カード内左下","details":"ドキュメントアイコン、説明文、下部に並ぶ5つの小型アイコンを備えた横長ボックス"},{"name":"记忆（Memory Store）","position":"カード内右下","details":"データベースアイコン、説明文、下部に並ぶ5つの小型アイコンを備えた横長ボックス"}],"connections":{"count":8,"description":"5つのノード間の連携フローを示すコネクタ矢印上の番号付き円形マーカー（中央ハーネスからツール、コンテキスト、メモリへの双方向リンク、モデルからハーネスへの単一リンクを含む）"}},"color_palette":{"count":4,"colors":["ブラック背景","ホワイト見出しテキスト","ソフトグレー本文テキスト","温かみのあるライトグレーの図表パネル"]}} ``` --- ### 近未来フロッピーディスク風Appleポスター - URL: https://www.gptimagehub.com/ja/library/futuristic-floppy-disk-apple-style-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-24948 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-floppy-disk-apple-style-poster - Category: ポスター・イラスト - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: 製品ポスター, フロッピーディスク, appleスタイル, グラスモフィズム, ダークモード, レトロテック, 3dレンダリング - Updated: 2026-10-26T22:20:28.098Z - Created: 2026-10-26T22:20:28.098Z グラスモフィズム仕様カードを備えた、架空の次世代フロッピーのApple風ダーク製品ポスターを生成。製品名や見出し、スペックを編集して独自のレトロフューチャー製品を作成できます。 ### Full prompt ```text 架空のハイテク製品「[BentoCard]」を紹介する、ダークで高級感のあるApple風の製品広告ポスター。次世代の3.5インチフロッピーディスクとして表現。スクエア1:1の構図、繊細な周辺減光と柔らかなグラデーション、かすかな質感を備えたマットなチャコールブラックの背景。上部中央にはシルバーのAppleロゴアイコン、小さめの製品名「[BentoCard]」、大きな中国語の見出し「新一代 3.5 寸软盘」、そしてサブタイトル「传统尺寸，颠覆性能」がシャープなサンセリフ体で配置されている。2カラム構成のメイン領域：左側には柔らかなスタジオ照明と反射を伴うリアルな3Dレンダリングの2枚の重なる3.5インチフロッピーディスク（手前はヘアライン仕上げのシルバー、角丸、黒いシャッター、小さなAppleロゴ、金属製ハブ付き；奥は背後に少しずらしたマットなグラファイトブラック仕上げ）。右側には柔らかな青い光のアイコンが付いた3枚の半透明グラスモフィズム角丸カード：カード1（チップアイコン）「32 TB 容量」「比传统软盘提升 22857143 倍」；カード2（稲妻アイコン）「USB 4 传输速度」「最高 40Gb/s」；カード3（バッテリーアイコン）「超低功耗设计」「续航提升 50%」。メイン下部には3枚の横並び半透明カード：カード1（シールドアイコン）「军工级防护」「抗摔 · 防水 · 防尘」；カード2（クラウドアイコン）「跨平台兼容」「Mac, PC, Linux 全支持」；カード3（リーフアイコン）「环保材质」「100% 可回收铝金属」。最下部には発光する正方形アイコン、太字のスローガン「传统设计，未来性能」、右寄せのテキスト「3.5 寸软盘 2024」が配置されたフロストガラス製フッターバー。洗練されたUI、クールブルーのアクセント、精密なレイアウト、鮮明な文字組。 ``` --- ### ダークモード AI アリーナ比較 UI - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-arena-comparison-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19347 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-arena-comparison-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: painterly - Tags: uiスクショ, ダークモード, aiアリーナ, ベンチマーク, ホワイトボード, ウェブ画面 - Updated: 2026-10-27T18:41:08.098Z - Created: 2026-10-27T18:41:08.098Z ホワイトボードの生成結果を並べて比較するダークモードのAI評価画面を作成します。上部プロンプト、モデル名、手書きテキストを自由に変更可能です。 ### Full prompt ```text {"type":"ダークモードAI画像比較インターフェースのスクリーンショット","style":"リアルなWeb UIスクリーンショット、ダークチャコール背景、細いネオングリーンの枠線、クリーンなサンセリフ文字、ブラウザ風の切り抜き構図","canvas":"ワイドな横長スクリーンショット、約16:9","top_prompt":{"count":1,"position":"左上","appearance":"丸みを帯びたダークグレーのピル形状に白色テキスト","text":"[A whiteboard with the name of the company/lab that made you written on it]"},"result_panels":{"count":2,"description":"グリーン枠の生成画像カードが横並びに2枚配置され、左のカードは端が一部見切れ、右のカードが全体表示されて強調されている","shared_controls":{"count":2,"items":["各パネル右上にダウンロードアイコン","各パネル右上に鉛筆アイコン付き編集ボタン"]},"left_panel":{"position":"左端、クロップ","content":"オフィス環境のホワイトボード写真の一部、手書き文字の一部と背景のデスクやPCモニターが見える"},"right_panel":{"position":"中央右","label":"[mondrian]","label_style":"カード左上に緑色の小さな等幅テキスト","content":"カードの大部分を占める大きなホワイトボードの実写写真、金属製の上下フレーム、下部トレイ左にマーカー、右に黒板消し","whiteboard_text":{"count":2,"items":["大きく手書きされた単語: [DeepMind]","小さめの手書きサブタイトル: [an Alphabet company]"],"appearance":"黒のホワイトボードマーカーの手書き、中央配置、ラフな筆跡、サブタイトルには1本の下線"},"image_framing":"パネル内に角丸とダークマージン付きで配置"}},"lighting":"ホワイトボード画像への柔らかい室内光、白いボードとダークUIの明確なコントラスト","avoid":"余分なロゴ、ウォーターマーク、人物、指定以外の不要なテキスト"} ``` --- ### ダークネオンテック カルーセル表紙 - URL: https://www.gptimagehub.com/ja/library/dark-neon-tech-carousel-cover - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18856 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-neon-tech-carousel-cover - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: カルーセル, ソーシャルメディア, タイポグラフィ, ダークモード, テック調, ネオン発光, エディトリアル - Updated: 2026-10-28T03:35:23.098Z - Created: 2026-10-28T03:35:23.098Z 鮮やかなネオン光彩と力強いタイポグラフィが際立つ高コントラストなカルーセル表紙を生成します。見出しや注記を変更して自由に応用可能です。 ### Full prompt ```text ほぼ真っ黒な背景にプレミアムなダークテック調の正方形1:1ソーシャルメディア用カルーセル表紙グラフィック。四隅それぞれに極細の白いコーナートンボ（クロップマーク）計4つ、右上に「[01 / 12]」と書かれた小さなページインジケーター、左上の見出し上部にオレンジのアウトラインの8頂点アスタリスクアイコンを配置。タイポグラフィは巨大で太い大文字コンデンス・サンセリフ体で左揃えの複数行見出し「[60 CLAUDE PROMPTS EVERY BEGINNER NEEDS]」を配置し、「[60]」と「[BEGINNER]」の単語は鮮やかに発光するオレンジ、その他の単語はシャープな白。見出しの下にはペールピーチ色で字間を広く取った大文字の小さなサブタイトル「[A STARTER PACK FOR REAL LIFE]」を配置。左下隅に小さなフッター表記「[CLAUDE · BEGINNER PROMPTS]」、右下隅に鮮やかなオレンジのCTA「[SWIPE →]」。右上から入り込む三日月状のオーブ、右下端からのホットピンクとオレンジの光彩、左端からの小さなピンクの光彩という、ソフトにぼかされた3つの大きなグラデーションオーブを配置。クリーンなエディトリアルレイアウト、鮮明なスタートアップブランディング、未来的UIディテール、高コントラスト。 ``` --- ### YouTube ダークモード デスクトップ UI モックアップ - URL: https://www.gptimagehub.com/ja/library/youtube-dark-mode-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14083 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fyoutube-dark-mode-desktop-ui-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: youtube, uiモックアップ, ダークモード, ウェブインターフェース, デスクトップデザイン, 動画配信 - Updated: 2026-10-26T21:37:33.098Z - Created: 2026-10-26T21:37:33.098Z サイドバーナビや動画サムネイルを備えたYouTubeダークモードのデスクトップ画面を生成します。角括弧内を変更してOSやURL、テーマを調整できます。 ### Full prompt ```text { "type": "デスクトップUIモックアップ", "application": "YouTube ホームページ", "theme": "[ダークモード]", "browser_window": { "url_bar": "[youtube.com]", "tabs": 1, "elements": ["戻る/進むボタン", "更新", "拡張機能", "プロフィールアイコン"] }, "layout": { "sidebar": { "position": "左側", "sections": [ { "title": "メイン", "count": 3, "items": ["ホーム", "ショート", "登録チャンネル"] }, { "title": "ライブラリ", "count": 6, "items": ["チャンネル", "履歴", "再生リスト", "作成した動画", "後で見る", "高く評価した動画"] }, { "title": "登録チャンネル", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "さらに表示"] }, { "title": "探索", "count": 7, "items": ["急上昇", "音楽", "映画", "ライブ", "ゲーム", "ニュース", "スポーツ"] }, { "title": "YouTubeのその他", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "top_filter_bar": { "count": 11, "labels": ["すべて", "ゲーム", "音楽", "ライブ", "ポッドキャスト", "ミックス", "科学", "Lo-fi", "スリラー", "最近アップロードされた動画", "視聴済み"] }, "video_grid": { "layout": "4行×3列", "count": 12, "videos": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "赤い矢印が付いたGPUチップ" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "背景に参加者がいる笑顔のMrBeast" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "宇宙で小惑星に接近するミサイル" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "ドバイのスカイラインの横に立つ男性と『$0 TO $10B』の文字" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "黒背景に数式と螺旋グラフ" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "緑豊かな森と『The World in 2040』の文字" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "青い矢印で結ばれたノートPCとスマートフォン" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "ブラックホールの輝くオレンジ色の降着円盤" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "黒いシャツを着た男性と『the problem with diet advice』の文字" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "色鮮やかな葉に囲まれ本を読む男性のフラットイラスト" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "エリーの荒削りなポートレートとゲームロゴ" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "夕暮れの街並みを望む机で勉強するアニメ調の少女" } ] } }, "os_environment": { "os": "[Windows 10]", "taskbar_position": "下部", "visible_icons": ["スタート", "検索バー", "タスクビュー", "エクスプローラー", "Edge", "Spotify"], "system_tray": ["ネットワーク", "音量", "バッテリー", "08:34 03/04/2024 を示す時計"] } } ``` --- ### ChatGPT ダークモード漫画スクリーンショット - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-comic-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17665 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-comic-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, モバイルui, スクリーンショット, 4コマ漫画, ダークモード, 可愛いイラスト, uiモックアップ - Updated: 2026-10-26T18:50:53.098Z - Created: 2026-10-26T18:50:53.098Z パステルトーンの4コマおやすみ漫画とチャット文が表示された、ChatGPTのリアルなスマホ画面を生成します。キャラクターや文字を変更して自在にアレンジ可能です。 ### Full prompt ```text ダークモードのChatGPTモバイルアプリのスマートフォン画面スクリーンショット。会話内にAI生成画像が表示されています。黒い上部ヘッダーには左メニューアイコン、小さなピンクのハートがあしらわれた「ChatGPT」のタイトル、そして右側に薄い紫色の光彩を放つ2つの丸みのあるアイコンが配置されています。中央には丸角の2×2コミックグリッドがあり、小さなピンクの丸バッジで1、2、3、4と番号が振られた4コマ漫画が収められています。温かみのあるパステルピンク、ラベンダー、クリーム、柔らかなゴールドのおやすみ系トーンで、イルミネーションライト、星型ボケ、窓から見える三日月が描かれた居心地の良い寝室にて、[長い垂れ耳と小さなピンクのリボンをつけたふわふわの白い子犬]が[小さな灰色のぬいぐるみ風の子猫]を慰めています。コマ1では子犬がベッドで子猫の隣に座り絵本を開いており、上部に中国語の吹き出しがあります。コマ2では毛布の中で子犬が子猫を抱きしめています。コマ3では子猫が丸まり、子犬がナイトスタンドのコップの横で包み込むように守っています。コマ4では2匹が寄り添って眠り、夢のような輝きに包まれています。画像下部にはウサギのアイコンと中国語テキストが入った淡いキャプション帯があり、隅に「编辑」と書かれたボタンがあります。画像下には月、キラキラ、泣き顔、ハートの絵文字を交えた感情的な中国語のテキストが白い文字で複数段落表示されています。最下部にはプラスアイコン、プレースホルダー「问问 ChatGPT」、マイクアイコン、紫色の円形音声ボタンを備えたChatGPT入力バーが配置されています。 ``` --- ### ダーク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」の文字、中央やや右下に小さな白い共有/アップロードアイコン。余白を活かしたハイコントラストなモダンデザイン。 ``` --- ### SaaS 開発者向け画像 API ヒーローバナー - URL: https://www.gptimagehub.com/ja/library/saas-developer-image-api-hero-banner - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32473 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsaas-developer-image-api-hero-banner - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: 開発者, saas, ヒーローバナー, api, ダークモード, ui-uxデザイン, ネオン - Updated: 2026-10-27T06:17:13.098Z - Created: 2026-10-27T06:17:13.098Z コード着想のUI要素とAIプレビュー枠を備えた未来的ダークモードバナーを生成します。プラットフォームに合わせて見出しやエンドポイントを変更可能です。 ### Full prompt ```text TOAPIs向けの画像生成APIを宣伝する、未来的SaaS開発者向けヒーローバナー。16:9のソーシャルメディアバナー形式、ダークネイビーから黒へのグラデーション背景に鮮やかなエレクトリックブルーとバイオレットの光彩効果、ハイコントラストで洗練されたテックマーケティングスタイル。 レイアウトと構図：余白を活かした構図。左側にブランディングとテキスト、右側3分の2に発光するAPIおよび画像生成ビジュアルシステムを配置。 テキストとブランディング： - 左上：オレンジ色の角丸正方形アイコン（白の「T.」）と、それに続く白文字の「TOAPIs」。 - ヘッドライン：太字の大きな文字で「[GPT-Image-2 API]」。 - サブヘッドライン：その下に「[Build. Generate. Ship.]」。 - 浮遊するAPIタグ：プレビュー枠に付属する小さな暗いバッジに、正確に2行で「POST」と「/v1/images」。 ビジュアル要素： - わずかにパースがついて傾いた、明るいネオンシアンの枠線を持つ角丸長方形のプレビューフレーム1点。 - フレーム内：紫とオレンジの夕焼け空、雲に包まれたドラマチックな雪山の峰、常緑樹の森、反射する高山湖を描いた鮮やかなAI生成風景画1点。 - プレビューを挟むように配置された特大の半透明波括弧（中括弧）2点（左はシアンブルー、右は淡いブルーホワイト）。 - 細い発光回路ラインで接続された浮遊する角丸正方形のテックアイコン4点（上部に画像アイコン、右上にコード括弧アイコン、右下にキューブアイコン、右下中央付近にデータキューブアイコン）。 - 背景詳細：微細な発光回路パターン、接続ノード、データストリーム、ネオンブルーとパープルのパースペクティブグリッド線。 スタイル：プレミアムなAI開発者向けマーケティンググラフィック、シネマティックなネオン照明、光沢のあるグラスモフィズム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つ表示されている。各タイルには同じ色白の若い女性が描かれ、茶色のお団子ツインテールにヘアアクセサリー、ピンクのノースリーブクロップトップと白いプリーツスカート姿で、ドリンクショップで明るくインフルエンサー風にポーズをとっている。左上：ストロー付きの赤いアイスドリンク、右上：ネオン照明下の琥珀色タピオカドリンク、左下：両手で持つオレンジのドリンク、右下：冷蔵ショーケース前の淡いピンクのドリンク。写真スタイルは光沢感があり鮮やかで露出高め。コラージュ画像の右下には下向き矢印の円形ダウンロードボタン。画面下部にはダークグレーの角丸入力バーがあり、左にプラスアイコン、プレースホルダー「[有问题，尽管问]」、モード選択「[极速⌄]」、マイクアイコン、右端に白い円形の音声波形ボタンが並ぶ。 ``` --- ### モバイル版 Discord アニメ絵コンテフィード - URL: https://www.gptimagehub.com/ja/library/discord-anime-storyboard-mobile-feed - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29527 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdiscord-anime-storyboard-mobile-feed - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: discord, アニメ, 絵コンテ, モバイルui, コンセプトアート, スクリーンショット, ダークモード - Updated: 2026-10-28T00:15:33.098Z - Created: 2026-10-28T00:15:33.098Z 制作チャンネルにアニメ絵コンテシーンを表示したモバイル版Discordダークモード画面を生成します。プロジェクト名やチャンネル名、各シーン内容を自由に変更可能です。 ### Full prompt ```text アニメプロジェクト「[After Echos]」の画像生成チャンネルを表示した、ダークチャコールモードのリアルなモバイル版Discord画面スクリーンショット。縦長スマートフォン画面レイアウト。 ヘッダー： 上部ナビゲーションバーには左矢印、赤色の通知バッジ「1」、ハッシュタグアイコン、太字の白文字によるチャンネル名「#[codex-images]」、小さな山形矢印、緑色のオンラインステータスドット、日本語ステータステキスト「1人がオンライン」、右側に丸い検索アイコン。 フィードレイアウト： 狭いマージンとDiscord風のグレーのファイル名キャプションが付いた、角丸のシネマティックなアニメコンセプトアート画像が縦に4枚並んだスクロールフィード： 1. 夜の地下ハッカー作業場の薄暗くムードのあるワイドショット。散らかった棚やソファに囲まれ、青緑色に光るモニターと温かいデスクランプに照らされてデスクに向かう1人の人物。キャプション：「AfterEchos SB-S07 v004 / S07-C040」。 2. 昼間の街路を並んで歩く2人のキャラクター：ボサボサの黒髪にメガネ、ネイビーのロングコートを着た長身の若い男性と、淡いパーカーに刺繍入りデニムジャケットを着た金髪の若い女性。キャプション：「AfterEchos SB-S08 v004 / S08-C030」。 3. 本棚を背景にした温かい室内のミディアムクローズアップ。真剣な表情のメガネの黒髪青年と、ベージュのタートルネックを着た白髪髭の老人の会話シーン。キャプション：「AfterEchos SB-S10 v004 / S10-C020」。 4. 画面下部で一部見切れた、老人・金髪女性・黒髪青年の3人が乗る車内のアニメシーン。右下にフローティングの白い丸い下矢印ジャンプボタンが重なる。 スタイル： 本格的でクリーンなDiscordモバイルUI内に埋め込まれた、高品質な日本のアニメ映画風コンセプトアート。鮮明なタイポグラフィと正確なUI要素。 ``` --- ### 3Dソーシャルメディアロゴに座るクリエイター - URL: https://www.gptimagehub.com/ja/library/creator-seated-on-3d-social-media-logo - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-mm-15140 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fcreator-seated-on-3d-social-media-logo - Category: ソーシャルメディア - Model: nanobananapro - Aspect ratio: 3:4 - Style: painterly - Tags: ソーシャルメディア, 3dロゴ, インフルエンサー, ポートレート, ダークモード, シネマティック - Updated: 2026-10-26T23:51:08.098Z - Created: 2026-10-26T23:51:08.098Z 巨大なダークモードUI画面を背に、立体的な3Dアプリアイコンの上に座るシネマティックなポートレート。服装、ロゴ、ハンドル名を自由にカスタマイズ可能です。 ### Full prompt ```text くっきりとした鋭い顎のライン、高い頬骨、鋭い瞳、タトゥーのない清潔な肌、清潔に整えられた黒髪を持つ若いアメリカ人男性の全身ポートレート。[白Tシャツの上に羽織った茶色のオーバーサイズカーディガン]、ベージュのジョガーパンツ、ホワイトのNike Air Force 1スニーカーを着用。 ポーズとカメラ：カメラの手前中央に座り、前景を大きく占領する構図。わずかにローアングルで見上げるアングル。両脚はリラックスさせ、片膝を少し立て、膝の上に置いたスマートフォンを持ち、自信に満ちた落ち着いた表情でカメラから少し視線を外している。 ロゴ：画面下部30％を占める[大型の光沢ある3D X (Twitter)ロゴ]（発光する白いXシンボルが入った黒の角丸正方形）の上に直接座っている。 背景：背後わずか数十センチの位置に、壁一面の巨大モニターのように広がるX（Twitter）のダークモードUI画面。画面全体を埋め尽くし、プロフィールハンドル名[@OzairAI]、本人と一致するアバターアイコン、フォロワー数、タイムライン投稿、サイドバーナビゲーションの文字が鮮明に読み取れる。 ライティングと雰囲気：左上からの強いキーライトが顔と胸元を照らし、右側からの柔らかな寒色フィルライト、背後のUI画面から肩や背中に反射するかすかな青白い逆光グロー。ディープチャコールの背景の端と微細な浮遊粒子が漂うシネマティックなライティング。 ``` --- ### ダークモード動画配信デスクトップUI - URL: https://www.gptimagehub.com/ja/library/desktop-video-platform-dark-mode-ui - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13628 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdesktop-video-platform-dark-mode-ui - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: uiデザイン, ブラウザ画面, ダークモード, 動画配信, モックアップ, ダッシュボード - Updated: 2026-10-27T07:28:28.098Z - Created: 2026-10-27T07:28:28.098Z ダークモードの動画配信サイトをブラウザで表示したデスクトップ画面を生成します。括弧内の項目を変更してOS、テーマ、チャンネル名や動画グリッドを調整できます。 ### Full prompt ```text { "type": "デスクトップWebブラウザUIスクリーンショット", "environment": "[Windows 11 desktop]", "theme": "[dark mode]", "browser_window": { "tabs": ["YouTube", "New Tab"], "url_bar": "youtube.com", "profile_icon": "[M]" }, "app_interface": { "header": { "logo": "[YouTube] GB", "search_bar": "Search", "icons": ["mic", "create", "notifications", "profile"] }, "filter_bar": { "active_filter": "[All]", "count": 11, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"] }, "sidebar": { "sections": [ { "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] }, { "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] }, { "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] }, { "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] }, { "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "main_content": { "layout": "3列4行のグリッド", "count": 12, "video_cards": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" } ] } }, "taskbar": { "os": "Windows", "icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"], "system_tray": "08:34 03/04/2024" } } ``` --- ### 近未来風企業KPIプレゼンスライド - URL: https://www.gptimagehub.com/ja/library/futuristic-corporate-kpi-presentation-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14011 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-corporate-kpi-presentation-slide - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: プレゼンスライド, kpiダッシュボード, ダークモード, ネオン調, インフォグラフィック, ビジネスレポート, 折れ線グラフ - Updated: 2026-10-27T21:50:03.098Z - Created: 2026-10-27T21:50:03.098Z 2本のトレンド折れ線グラフと4つのネオン発光KPIカードを備えたダークモードスライドを生成。括弧内の項目や数値を変更して活用できます。 ### Full prompt ```text { "type": "corporate presentation slide", "theme": "high-tech, futuristic, dark mode, glowing neon blue and purple accents, abstract digital particle wave background", "header": { "title_primary": "[业务影响]", "title_secondary": "[Business Impact]", "tagline": "[用数据说话，用结果证明价值]" }, "layout": { "left_section": { "type": "line chart", "title": "效率与产能提升趋势", "y_axis": ["0%", "100%", "200%", "300%", "400%", "500%", "600%"], "x_axis": ["Q1", "Q2", "Q3", "Q4", "现在"], "lines": [ { "label": "交付效率 (相对值)", "color": "neon blue", "trend": "upward curve", "annotation": "效率持续提升" }, { "label": "单位成本 (相对值)", "color": "neon purple", "trend": "downward curve", "annotation": "成本显著下降" } ] }, "right_section": { "type": "kpi grid", "count": 4, "arrangement": "2x2 grid", "cards": [ { "icon": "rocket", "title": "效率提升", "value": "[+120%]", "subtext": "交付效率显著提升" }, { "icon": "coins with down arrow", "title": "成本降低", "value": "[-200%]", "subtext": "单位交付成本下降" }, { "icon": "bar chart with up arrow", "title": "产能提升", "value": "[5倍]", "subtext": "团队整体产能跃升" }, { "icon": "people group", "title": "覆盖团队", "value": "[10个]", "subtext": "业务团队规模化受益" } ] } } } ``` --- ### ダークモードAIチャット カフェ挿絵画面 - URL: https://www.gptimagehub.com/ja/library/dark-mode-ai-chat-cafe-illustration - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-25825 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-ai-chat-cafe-illustration - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: painterly - Tags: uiスクショ, ダークモード, モバイルアプリ, 水彩画, カフェ, 日本, 日常, モックアップ - Updated: 2026-10-27T22:53:43.098Z - Created: 2026-10-27T22:53:43.098Z プロンプトバブルと水彩画風カフェ挿絵カードを表示したダークモードのスマホチャット画面を生成します。角括弧内を変えて人物や街の情景を調整できます。 ### Full prompt ```text ダークモードのモバイルAIチャット画面のスクリーンショット。記事挿絵の画像生成結果を表示したUIデザイン。縦向き、UIカードの周囲に広い余白を設けた純黒の背景。 上部プロンプトバブル：右上に配置され上端が一部見切れたチャコールグレーの角丸長方形。白とグレーの英語プロンプトテキストを表示：「slight angle, looking at the café window with a slightly uncertain posture」、独立したダッシュ「-」、「hands in pockets or arms crossed. Warm light glowing」、薄い文字で「from inside the café.」。バブル下部に日本語UIテキスト「表示を増やす」と小さな下向きシェブロンを配置。 生成画像カード：プロンプトバブルの下にある角丸の大きなプレビューカード。内部には［夕暮れ時に小さな街角カフェの外に一人で佇む若い女性］の柔らかく温かみのあるノスタルジックな水彩画調イラスト。女性は斜め後ろ姿で、ためらいがちな姿勢でカフェの窓を覗き込んでいる。髪は低い位置でお団子に結び、足首丈のダークスカートの上にロング丈のベージュコート、白い靴、肩にクリーム色のトートバッグをかけ、手はコートのポケットに入れている。カフェの外観は大きなガラス窓、風合いのある木製両開きドア、ペンダントライトからの温かい琥珀色の照明、棚、コーヒーカウンター、客のぼんやりとしたシルエット、店内の黒板メニューが見える。静かで曇り空の路地、電柱、電線、狭い歩道、淡い夕暮れの空に続く落ち着いた街並み。店先には正確に8つの鉢植え（窓とドアを挟む背の高い低木2つ、右側に中型の鉢3つ、ベンチ近くの小さな白い鉢1つ、A型看板横のプランター1つ、段差の低い鉢1つ）と、正確に2つの路上小物（小さな木製ベンチと黒いA型黒板看板）を配置。 画像カード上のオーバーレイUI：半透明の控えめな丸型ライトグレーボタンが2つ（左下に「編集」ラベル、右下に共有/アップロードアイコン）。 スタイル：日本の日常系水彩イラスト、控えめなベージュとグレーの配色、温かな琥珀色の光、柔らかなエッジ、わずかに粒状感のある紙質、情緒的でリアル。余計な文字、透かし、アプリアイコンはなし。 ``` --- ### ChatGPTアプリ 猫コラージュ生成画面 - URL: https://www.gptimagehub.com/ja/library/chatgpt-mobile-app-cat-collage-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-17697 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-mobile-app-cat-collage-screenshot - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: uiモックアップ, モバイルアプリ, chatgpt, スクリーンショット, sns, ダークモード, 猫 - Updated: 2026-10-27T17:36:08.098Z - Created: 2026-10-27T17:36:08.098Z 写真からSNSストーリー用コラージュを生成するChatGPTのダークモード画面を再現。括弧内のペット描写やテキストを変更して自由にUIを試作できます。 ### Full prompt ```text ダークモードのiOS風UIを持つChatGPTモバイルアプリのリアルなスマートフォン画面スクリーンショット。黒い背景に表示。上部ヘッダーには左側にハンバーガーメニュー、中央に「ChatGPT」と書かれた角丸タブ、右側に新規作成アイコンと3点リーダーアイコンを配置。その下に角丸サムネイル写真を横並びで3枚表示：1枚目は[フローリング上で黒い金属製椅子の下、ふわふわクッションで眠る茶白猫]、2枚目は[ベッド上の淡い緑色クッションで丸まって眠る三毛猫]、3枚目は[茶色のぬいぐるみペットベッドで眠るクリーム色の猫]。サムネイルの下にはダークグレーの吹き出しに白い日本語テキスト：「[これを良い感じにfacebookのストーリーに流せる感じにして。ばえるかんじで]」。メッセージの下には、3枚の猫の写真を組み合わせた縦長のストーリー風コラージュ画像を生成結果として表示。温かみのあるベージュとブラウンのトーン、幻想的な光、微細なボケ、優しいきらめき効果を適用。コラージュ上には手書き風の日本語テキストとステッカーを配置：上部の吹き出しに「[今日も おつかれさま♡]」、左側の縦書きメモに「[みんなそれぞれ お気に入りの場所で]」、中央付近に小さな手描きハート2つ、斜めに大きく「[しあわせ すやすや時間。]」のキャプション。コラージュの左下に「[編集する]」と書かれた角丸ダークボタン、下部中央に下向き矢印の円形ダウンロードアイコンを配置。画面最下部にはプラスアイコン、プレースホルダーテキスト「[ChatGPT に質問…]」、マイクアイコン、円形の音声ボタンを備えたChatGPT入力バーを配置。右端に細い白いスクロールバーを表示。 ``` --- ### ダークテック カルーセル動画変換スライド - URL: https://www.gptimagehub.com/ja/library/dark-tech-carousel-to-video-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-32283 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-tech-carousel-to-video-slide - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: カルーセル, ダークモード, saasマーケティング, uiモックアップ, ソーシャルメディア, テックデザイン, タイポグラフィ - Updated: 2026-10-27T17:07:13.098Z - Created: 2026-10-27T17:07:13.098Z 動画編集UIとマーケティングコピーを組み合わせた洗練されたダークモードスライドを生成。括弧内の見出しやタグを変更して自由にカスタマイズ可能です。 ### Full prompt ```text 木炭のようなダークグレーの背景、繊細なフィルム粒子、細いグレーの境界線、幾何学的な円弧、十字マーク、ドットグリッド、温かみのあるアンバーのハイライトラインが施された、縦型3:4のプレミアムなダークテック系カルーセルポスタースライド。左側にテキストを配置したエディトリアルレイアウトと、右側にリアルなデスク環境のモックアップを配置。 タイポグラフィと左側コンテンツ： - 左上にブランドマーク「DSIV」、その下に「MUSIC」。右上には「DSIVMUSIC.COM」。 - ブランドロゴの下にスライド番号「04」と細い水平線、その下にアンバーで縁取られた小さなピル型タグ「[GPT Image 2 + HyperFrames]」。 - メイン見出しは大きく太い白のサンセリフ体で「[Social media carousels as video]」。 - その下に小見出し「[Turn matching image slides into TikToks, Reels, and Shorts with motion, captions, and timing.]」。 - 左中央にアンバーの区切り線と大文字ラベル「WHY IT WORKS」、丸囲みプラスアイコン付きで2つのメリット「One idea, many formats」「Fast repurposing」を箇条書き。 - 下部にはアンバーで縁取られた角丸長方形のプロンプトボックス。「MAX PROMPT」の見出しと等幅フォントのテキスト：「Generate 5–8 matching carousel slides for [TOPIC] with consistent typography, spacing, and visuals. Then create a HyperFrames sequence with slide timing, transition ideas, kinetic captions, music/VO timing, and deterministic render settings for a vertical short-form video.」、末尾に「>_」。 - フッター左下に「@DSIVMUSIC」、右下に抽象的な円形アイコン。 右側のビジュアルモックアップ： 暗いデスクの上に斜めアングルで置かれたリアルなダークモニター、薄暗いキーボードとオーディオコントローラー。画面上には動画編集UIが表示され、上部に01から05までの縦型スライドカードが並ぶ：カード01は「3 Codex prompts」「music producers can actually use」、カード02は「Most AI prompts are too broad.」、カード03は「Generate better MIDI variations」、カード04は「Build a session roadmap」、カード05は「Turn...」から始まる切り取られた表示。カードの下には3列のタイムライン：「CAPTIONS」（ベージュのブロック）、「MUSIC / VO」（オレンジの音声波形）、「TRANSITIONS」（紫とグレーのブロック）。 スタイル：スイスグリッドレイアウト、ダークモードSaaSデザイン、高コントラストのタイポグラフィ、アンバーのアクセント、シネマティックなスタジオ照明、鮮明で読みやすい文字。 ``` --- ### ダークモードSNS投稿スクリーンショット - URL: https://www.gptimagehub.com/ja/library/dark-mode-social-post-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-2 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-social-post-screenshot - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: ソーシャルメディア, uiデザイン, スクリーンショット, ダークモード, モックアップ, ポスター - Updated: 2026-10-26T20:10:28.098Z - Created: 2026-10-26T20:10:28.098Z カスタムテキスト、ポスター画像、エンゲージメント数値を備えたリアルなダークモードSNS投稿を生成します。括弧内のユーザー名や本文を変更して活用できます。 ### Full prompt ```text ダークモードのX（Twitter）投稿のスクリーンショット。認証済みの青いチェックマーク付きアカウント@[OpenAI]による投稿。本文は中国語：「[今天想推荐一位很棒的 AI Builder：Ailln AI。\n\n他持续在小红书分享 AI 工具、Agent 工作流、自动化实践和真实项目经验，把复杂的 AI 能力讲得清楚、实用、可落地。\n\n如果你正在关注 AI 产品、效率工具、个人自动化、内容创作和未来工作方式，Ailln AI 是一个非常值得关注的创作者。\n\n在小红书搜索：Ailln AI]」。テキストの下部には洗練されたダークトーンの公式プロモーションポスターが埋め込まれ、クリーンなハッカーの質感で、タイトル「[Ailln AI]」とサブタイトル「[A brilliant AI Builder worth following]」が正確に表示されている。最下部にはエンゲージメント統計：返信[8.9K]、リポスト[42K]、いいね[298K]（点灯/アクティブ）、ブックマーク[34K]（点灯/アクティブ）、閲覧数[32.4M]。投稿部分のみを切り抜いたクリーンなUIデザイン。 ``` ### Source - Author: 小红书号4264014889 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### ダークモード技術ワークフローインフォグラフィック - URL: https://www.gptimagehub.com/ja/library/dark-mode-tech-workflow-infographic-slide - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16072 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-tech-workflow-infographic-slide - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: インフォグラフィック, プレゼンテーション, ダークモード, uiカード, ワークフロー, パイプライン, 未来的 - Updated: 2026-10-27T20:29:08.098Z - Created: 2026-10-27T20:29:08.098Z 青く発光するUIカードでAI画像制作パイプラインを図解したダークモードのプレゼンスライド。ノード名や矢印、ブランド表記を自由に変更可能です。 ### Full prompt ```text {"type":"dark tech workflow infographic","style":"洗練された未来的プレゼンテーションスライド、黒から濃紺へのグラデーション背景、ネオンシアンの発光アクセント、細いシアンのコネクタ矢印、角丸のモダンUIカード、繊細なシャドウ、高コントラストな白文字、完成度の高いテック系スタートアップのビジュアル","canvas":{"aspect_ratio":"16:9","composition":"左揃えのタイトルブロックと中央から右に広がるモジュール式フロー図"},"branding":{"topline":"Codex × GPT-5.5 × ChatGPT Images 2.0","title":"GPT-Image-Harness","subtitle":"画像生成を、ガチャから制作フローへ。"},"layout":{"sections":[{"title":"left feature list","position":"left column","count":3,"labels":["素材を整理","指示を再利用","修正を積み上げ"]},{"title":"参照素材（入力）","position":"upper center-left","count":2,"labels":["キャラ設定画像","過去の漫画ページ"]},{"title":"プロンプト / ルール","position":"upper center-right","count":1,"labels":["# 出力ルール"]},{"title":"Codex / CLI","position":"middle left of center","count":3,"labels":["環境構築","CLI / スキル実行","自動化スクリプト"]},{"title":"GPT-Image-Harness","position":"center","count":6,"labels":["assets/","reference/","output/","prompts/","skills/","AGENTS.md","SPEC.md"]},{"title":"出力（漫画ページ）","position":"middle right","count":1,"labels":["漫画ページ"]},{"title":"bottom actions","position":"bottom row","count":2,"labels":["手動調整・微修正","ChatGPTで再修正プロンプト作成"]}]},"left_panel":{"headline_scale":"very large","title_weight":"bold extra-heavy","decorative_line":"タイトル直下のシアンの短い水平アクセントライン","feature_items":[{"icon":"シアンに光るフォルダアイコン","title":"素材を整理","description":"キャラ設定や過去ページを一元管理"},{"icon":"シアンに光るターミナルアイコン","title":"指示を再利用","description":"プロンプトやルールをテンプレ化"},{"icon":"シアンに光る棒グラフアイコン","title":"修正を積み上げ","description":"試行ログを残し、再現性を向上"}]},"diagram":{"nodes":[{"kind":"input card","title":"参照素材（入力）","visual":"2枚のサムネイルカード、キャラクター設定ポートレートとモノクロ漫画ページのプレビュー"},{"kind":"rule card","title":"プロンプト / ルール","visual":"箇条書き付きのコード風カード","body_text":["# 出力ルール","- キャラの一貫性を保つ","- コマ割りを指定通りに配置","- 背景の密度を前ページと合わせる","- 機械部のディテールを省略しない","- 吹き出し・文字は含めない"]},{"kind":"tool card","title":"Codex / CLI","visual":"プロンプト記号 >_ とタスク項目を備えたターミナルUIカード"},{"kind":"repository card","title":"GPT-Image-Harness","visual":"中央のシアンに発光するファイル構成ツリーパネル"},{"kind":"output card","title":"出力（漫画ページ）","visual":"並べられた2枚の漫画ページサムネイル"},{"kind":"action card","title":"手動調整・微修正","visual":"円形の鉛筆アイコン","description":"吹き出し・文字入れ・バランス調整は手作業"},{"kind":"action card","title":"ChatGPTで再修正プロンプト作成","visual":"3点リーダー付きの吹き出しアイコン","description":"修正方針を詰めて、再出力を繰り返す"}],"connectors":"入力・ルール・CLIから中央リポジトリカードへ接続するシアンの光る矢印、出力カードへの矢印、下段アクションカードへの矢印、出力からアクション領域へ戻る破線のシアンフィードバックループ"},"typography":{"language":"Japanese","title_color":"white","accent_color":"bright cyan","body_color":"#e0e6ed"},"lighting":"UIカードとコネクタ周辺の柔らかなネオンシアンのエッジグロー","quality":"鮮明なベクター風ダイアグラム、整然としたレイアウト、鮮明なテキスト"} ``` --- ### ダークモードテックマーケティングスライド - 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]"}} ``` --- ### メンズスキンケア LP モックアップ - URL: https://www.gptimagehub.com/ja/library/men-s-skincare-website-landing-page-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ff-135 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fmen-s-skincare-website-landing-page-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ランディングページ, ウェブデザイン, uiモックアップ, メンズスキンケア, ダークモード, ecサイト - Updated: 2026-10-27T17:10:23.098Z - Created: 2026-10-27T17:10:23.098Z 日本語タイポグラフィと商品写真が配置された、メンズスキンケア向けの洗練されたダークモードLPモックアップを生成します。ブランド名や配色を変更可能です。 ### Full prompt ```text { "type": "ウェブサイトのランディングページモックアップ", "theme": "メンズスキンケア、洗練、プロフェッショナル、ダークモード", "color_palette": "[ダークネイビーブルー]、ホワイトタイポグラフィ、繊細なブルーグラデーション", "header": { "logo": "[NEX SKIN]", "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"], "cta_button": "今すぐ始める >" }, "hero_section": { "left_column": { "headline": "[清潔感は、毎日のスキンケアから。]", "sub_headline": "男の肌は、もっとシンプルでいい。", "body_text": "スキンケアの効果を説明する3行の解説テキスト", "buttons": [ {"style": "ソリッドブルー", "text": "今すぐ始める >"}, {"style": "アウトライン", "text": "詳しく見る >"} ], "feature_highlights": { "count": 3, "items": [ {"icon": "キラキラ", "title": "テカリ対策", "subtitle": "皮脂バランスを整える"}, {"icon": "水滴", "title": "保湿", "subtitle": "うるおいを与え続ける"}, {"icon": "シールド/ボトル", "title": "オールインワン", "subtitle": "化粧水・美容液・乳液がこれ1本"} ] } }, "center_image": { "subject": "ハンサムな[若いアジア人男性]", "appearance": "清潔感のある短髪、黒髪、ツヤのある陶器肌、黒いシャツ着用", "pose": "考え込むようにあごに手を当てるポーズ", "lighting": "顔立ちを際立たせるドラマチックなスタジオライティング" }, "right_column": { "product_shot": { "bottle": "水滴がついた円柱状のダークブルーのボトル", "labels": ["[NEX SKIN]", "[ALL-IN-ONE LOTION]", "150mL"], "base": "質感のあるダークロックの台座", "badge": "'これ1本で男の肌悩みをトータルケア' と書かれた丸型のアウトラインバッジ" } } }, "bottom_stats_bar": { "count": 3, "items": [ {"icon": "ユーザー", "label": "累計販売本数", "value": "120万本突破"}, {"icon": "星", "label": "使用感満足度", "value": "92.1%"}, {"icon": "チェックリスト", "label": "リピート率", "value": "85.3%"} ], "footnotes": "右側の小さな注釈テキスト" } } ``` ### Source - Author: ryuya\_\_31 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ### ダークモードのリーク情報風ツイート画像 - URL: https://www.gptimagehub.com/ja/library/dark-mode-tech-leak-tweet-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-31123 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-tech-leak-tweet-screenshot - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: ツイート, sns, ダークモード, スクリーンショット, モックアップ, リーク, 3dレンダリング - Updated: 2026-10-27T23:41:23.098Z - Created: 2026-10-27T23:41:23.098Z AI画像モデルのリークを告知する、2枚の画像が並んだリアルなX風ダークモード投稿を生成します。ユーザー名やモデル名、画像を自由に変更できます。 ### Full prompt ```text 黒の無地背景に配置された、本格的なX（旧Twitter）風のダークモードSNS投稿スクリーンショット。 ツイートヘッダー：左上に白い襟付きシャツを着た中年男性の丸型プロフィール写真。太字の白文字で表示名「[White]」と青い認証バッジアイコン、その横または下に落ち着いたグレーのハンドルネーム「[@White1637402]」。右上にはXのアクションアイコンと3点リーダーメニューのUIアイコン。 ツイート本文：正確な投稿テキスト「A new GPT image model just appeared on Arena called [mona-lisa-1]. It's extremely better than Image 2. 💪💪」、改行を挟んで青色のハッシュタグ「[#ChatGPT]」。本物のUI通りの行間と鮮明なフォント。 添付メディア：ツイート本文の直下に、角丸の長方形画像カードが横並びに2枚並んだレイアウト（細い黒の隙間で分割）。 - 左のメディアカード：教室を背景にした愛らしい白黒のロボットマスコットの光沢ある3Dレンダリング。ロボットは笑顔を模したシアン色に光る目を持つ黒いフェイススクリーン、白いシェル、黒い関節を持ち、右手で手を振りながら「I was created by OpenAI」と書かれた紙のプラカードを持っています。背後の黒板にはチョークの手書き文字で左に「Hi there! I’m ChatGPT」、右上に「That’s me!」とOpenAIの渦巻きロゴを指す矢印が描かれています。柔らかな3Dライティングと浅い被写界深度。 - 右のメディアカード：嵐の暗雲の上から見下ろす2人の巨大なスーツ姿の男たちを描いたシネマティックなファンタジーイラスト。1人は白髪で眼鏡をかけ、もう1人は黒い巻き毛で、ビジネス界の重鎮のように厳しく見下ろしています。岩場の前景には、背中に白いロゴと「claeposeok」の文字が入った鮮やかなロイヤルブルーのマントを羽織り、剣を携えた小さな人影が背後から描かれています。劇的なリムライトと立ち込める霧。 スタイル：高解像度のUIスクリーンショット、鮮明なテキスト描画、正確なUIスペーシング、余計な透かしなし。 ``` --- ### ダークモードチャットのボクシング画面 - URL: https://www.gptimagehub.com/ja/library/dark-mode-chat-boxing-screenshot - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14650 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-chat-boxing-screenshot - Category: ソーシャルメディア - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: チャット画面, ダークモード, ボクシング, モバイルui, スポーツ写真, メッセージアプリ - Updated: 2026-10-26T22:11:03.098Z - Created: 2026-10-26T22:11:03.098Z 迫力あるボクシングの一瞬の写真を埋め込んだリアルなダークモードチャット画面を生成します。テキストや写真を自由に変更可能。 ### Full prompt ```text チャコールブラックの背景と余白が特徴的な、ミニマルな中国語ダークモードチャット画面のリアルなスマートフォンUIスクリーンショット。右上に角丸のダークグレーの吹き出しがあり、白いテキスト「[拳击手被击中的瞬间]」が表示されています。その左下には角丸の大きな画像が埋め込まれ、画面左下の大部分を占めています。 埋め込まれた画像は、ライトに照らされたリングでのプロボクシングの激しい一瞬を捉えた高速度スポーツ写真： - アリーナの照明の下、筋肉質で汗ばんだ2人の上半身裸の男性ボクサー。 - 右側の選手は引き締まった背筋とタトゥーの入った腕、短い黒髪で、背後と側面から捉えられ、青いトリムの白いグローブで強烈な右ストレートを相手の顔面にヒットさせている。 - 左側の選手は衝撃でのけぞり、頭部が横に跳ね返り、飛び散る汗の飛沫が空中で静止している。胸と左腕にタトゥーがあり、黒いグローブを上げ、ウエストバンドに金文字で「VICTOR」と書かれた黒いトランクスを着用。 - リングのロープは赤と白で「PBC」の文字があり、暗くぼやけたアリーナの背景には「RODRIGUEZ VS」の光るサインが見える。 - 両選手の顔部分には長方形のモザイク処理（ボカシ）が施されている。 写真上には、左下に白い中国語の「编辑」、右下に丸いシェア／アップロードアイコンのモバイルUIオーバーレイが配置された、リアルなメッセージアプリの画面。 ``` --- ### 未来的AIゲーム起動ダッシュボードモックアップ - URL: https://www.gptimagehub.com/ja/library/futuristic-japanese-ai-dashboard-mockup - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18415 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ダッシュボード, uiモックアップ, ダークモード, サイバーパンク, saas, 日本語テキスト, webデザイン - Updated: 2026-10-26T21:48:03.098Z - Created: 2026-10-26T21:48:03.098Z AIゲームの起動フローと指示ワークフローを可視化するダークモード日本語SaaSダッシュボードを生成します。ブランド名やタイトル、指示文を柔軟に変更可能です。 ### Full prompt ```text {"type": "未来的なダークモード日本語WebダッシュボードUIモックアップ", "app_brand": "[NEURALJACK]", "main_title": "[AIゲーム起動フロー デモ]", "subtitle": "起動手順を見ながら、そのまま内的会議へ指示を出せる操作画面", "style": {"theme": "サイバーパンク調SaaSコントロールパネル、濃紺と黒の背景、発光するシアンの境界線、ネオンブルーのアクセント、角丸カード、繊細なグラデーション、コンパクトな日本語タイポグラフィ", "canvas": "横長16:9のスクリーンショット風構図", "lighting": "柔らかなブルーの光彩、高コントラスト、洗練された製品デモの質感"}, "layout": {"top_bar": {"position": "全幅トップバー", "left_logo": "角丸正方形のシアンNJアイコンとブランドテキスト", "center_title": "大きく太い日本語タイトル", "right_nav_count": 3, "right_nav_items": ["ドキュメント", "通知 (青いバッジ2付き)", "設定"]}, "left_sidebar": {"title": "起動フロー", "position": "左カラム", "step_count": 6, "steps": [{"number": 1, "label": "起動", "status": "完了", "icon": "rocket", "state": "緑のチェック付き完了"}, {"number": 2, "label": "認証モード選択", "status": "完了", "icon": "shield", "state": "緑のチェック付き完了"}, {"number": 3, "label": "ChatGPT / Codex ログイン確認", "status": "完了", "icon": "lock", "state": "緑のチェック付き完了"}, {"number": 4, "label": "Codex App Server 起動", "status": "進行中", "icon": "server", "state": "シアンで強調表示されたアクティブ状態"}, {"number": 5, "label": "ゲーム接続", "status": "待機", "icon": "gamepad", "state": "薄暗い待機状態"}, {"number": 6, "label": "AI機能準備完了", "status": "待機", "icon": "robot", "state": "薄暗い待機状態"}], "progress_card": {"label": "全体進捗", "value": "50%", "detail": "3 / 6 ステップ完了", "bar": "半分満たされたシアンのプログレスバー"}}, "center_panel": {"title": "フロー可視化", "position": "中央メインカラム", "sections_count": 2, "sections": [{"title": "ローカル開発", "position": "中央上部", "node_count": 4, "nodes": ["Game Tool UI / クライアントUI", "codex app-server / ローカルサーバー", "ChatGPT Plus ログイン / ブラウザ認証", "Codex / AIエンジン"], "connectors": "左から右への3本のシアンの矢印", "note": "開発時は Plus ログイン / 本番時は API と明示設定"}, {"title": "本番運用", "position": "中央中部", "node_count": 3, "nodes": ["Game Client / ゲームクライアント", "AI Gateway Backend / ゲートウェイサーバー", "OpenAI API / クラウドAI"], "connectors": "左から右への2本のシアンの矢印", "accent": "緑色に発光するセクション枠"}]}, "bottom_center": {"panel_count": 2, "panels": [{"title": "イベントログ", "position": "中央下部左", "visible_log_lines_count": 3, "visible_log_lines": ["[OK] NeuralJack UI booted", "[INFO] waiting for instruction", "[INFO] codex app-server file export mode"]}, {"title": "実行プレビュー", "position": "中央下部右", "content": "下部に大きな文字で「次の推奨操作」が見えるダークプレビューカード"}]}, "right_panel": {"title": "指示パネル", "position": "右カラム", "instruction_box": {"text": "[ローカルLLMを使った個人AI相棒を作りたい]", "appearance": "控えめな送信ボタンエリアを備えた大型のダークテキストエリア"}, "checkbox_count": 3, "checkboxes": [{"label": "GPT-5.5 強化", "state": "チェックなし"}, {"label": "カード生成", "state": "シアンでチェック済み"}, {"label": "Codexタスク化", "state": "チェックなし"}], "quick_actions": {"title": "クイックアクション", "button_count": 6, "buttons": ["サポートAI", "オートプレイ", "クエスト生成", "NPC会話", "音声デモ", "設定"], "arrangement": "2行×3列、各ボタン上部にアイコン配置"}, "recommended_commands": {"title": "おすすめコマンド", "chip_count": 4, "chips": ["起動チェック", "接続テスト", "ログ確認", "現在状態を取得"]}, "chat_prompt": {"bot_icon": "シアンの円形ロボットアイコン", "speech_bubble": "[何をしたいですか？]"}}}, "rendering_notes": "フラットなイラストではなく、実際に実装されたWebブラウザアプリのスクリーンショットのように描写。鮮明な日本語テキスト、細いシアンの輪郭線、角丸四角形、小型アイコン、アクティブステップの発光、高密度かつ読みやすいレイアウト。"} ``` --- ### AIワークフロールーティング比較インフォグラフィック - URL: https://www.gptimagehub.com/ja/library/ai-workflow-routing-comparison-infographic - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29725 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-workflow-routing-comparison-infographic - Category: インフォグラフィック・教育 - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: インフォグラフィック, ワークフロー, saas, テック, ダークモード, ソーシャルメディア, ui - Updated: 2026-10-26T22:22:13.098Z - Created: 2026-10-26T22:22:13.098Z AIルーティングワークフローを比較するダークモードのインフォグラフィックを作成。角括弧内のモデル名やタスク、大見出しの末尾単語を自由に変更できます。 ### Full prompt ```text 2つのAIワークフロー手法を比較する、正方形1:1のダークフューチャリスティックなテック系インフォグラフィック。背景は濃紺から黒へのグラデーションに繊細なドットグリッドテクスチャ、中央に垂直の分割線。上部にはクリーンで太いサンセリフ体のボールド大文字見出し「STOP USING GPT FOR [EVERYTHING].」。テキスト「STOP USING GPT FOR」は純白、「[EVERYTHING]」はライムグリーンからシアンへのグラデーションで、シアンのピリオド付き。 左右2列のレイアウト： - 左列（非効率な手法）：赤・ピンクのカラースキーム。「THE OLD WAY」と書かれたピル型バッジと「WASTE MONEY」の小さなサブタイトル。中央に角丸正方形のOpenAIノットアイコン、その周囲に5つの小さな角丸タスクアイコン（上部中央に動画カチンコ、左にデザインペン先、右にマイク、左下に写真、右下にコード括弧）。それらを結ぶ絡まり合った無秩序な赤い破線のルーティングライン。下部には赤い枠線と赤いバツ印付きのステータスバー「EXPENSIVE. CHAOTIC. INEFFICIENT.」。 - 右列（スマートな手法）：ティール・シアンのカラースキーム。「THE SMART WAY」のピル型バッジと「ROUTE TO THE BEST MODEL」のサブタイトル。中央に光るロボットルーターアイコン、そこからクリーンな光る実線でネオンのアウトラインを持つ5枚のグラスモフィズムカードへ接続：①上部にOpenAIアイコン「GPT 5.6」「DESIGN」、②左に紫カード「[FABLE]」「CODE (HARD)」、③右に青カード「[SEEDANCE 2.0]」「VIDEO」、④左下にゴールドカード「[GPT 2.0]」「IMAGE」、⑤右下に青カード「[HUME]」「VOICE」。下部にはティール枠線と緑のチェックマーク付きステータスバー「SMARTER. CHEAPER. BETTER RESULTS.」。 スタイル：モダンなSaaSマーケティンググラフィック、シャープなベクタースタイル、ネオンの光彩、グラスモフィズムUI要素、可読性の高いタイポグラフィ、均整の取れた中央揃え配置。 ``` --- ### ダークモード単語学習アプリ画面 - URL: https://www.gptimagehub.com/ja/library/dark-mode-vocabulary-app-screen - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27600 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-vocabulary-app-screen - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: モバイルアプリ, uiデザイン, ダークモード, 語彙学習, iosモックアップ, ベクターイラスト - Updated: 2026-10-27T11:12:13.098Z - Created: 2026-10-27T11:12:13.098Z カスタム翻訳とベクターイラストを備えた洗練されたダークモードiOS単語帳画面を生成します。単語、定義、イラストの内容を変更可能です。 ### Full prompt ```text 「[achievement]」のエントリを表示する洗練されたダークモードの英語語彙学習アプリのリアルなiPhoneスクリーンショット。縦長スマートフォン画面、アスペクト比9:16、黒の背景、上部に「12:11」とバッテリー／Wi-Fiアイコンを表示するiOSステータスバー。上部ナビゲーションには、左側に白いシェブロン付きの円形ダーク戻るボタン、中央に白文字のタイトル「[achievement]」。上から順に並ぶコンテンツセクション：1) 「Translation」セクション、落ち着いたグレーのヘッダーと日本語テキスト「[何かを成し遂げた結果や業績]」が入った丸みのあるダークピルカード；2) 「Illustration」セクション、オフホワイト背景の角丸カードに、黒のガウンと金タッセルの角帽を着用し、赤いリボンの卒業証書を掲げてカラフルな紙吹雪の中で祝福する笑顔の若い女性卒業生のフラットベクターイラスト；3) 「Pronunciation」セクション、発音記号「[/əˈtʃiːvmənt/]」、読み方ガイド「ə-CHEE-vmənt」、青いスピーカーアイコン、小さな角丸「CEFR」タグ付きのダークカード；4) 下部に一部見える「Meanings」ヘッダー。下部には3つのタブを持つ角丸ブラックのフローティングタブバー：「Lessons」（青い角帽アイコンでアクティブ）、「Words」（開いた本アイコン）、「Settings」（歯車アイコン）。すっきりとしたタイポグラフィ、繊細なダークグラデーション、モダンでミニマルなモバイルUIデザイン。 ``` --- ### ChatGPTダークモード古代宮廷ポートレートUI - URL: https://www.gptimagehub.com/ja/library/chatgpt-dark-mode-ancient-portrait-workflow - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-28745 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fchatgpt-dark-mode-ancient-portrait-workflow - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: photorealistic - Tags: chatgpt, uiデザイン, アプリスクショ, 中華宮廷, 古風ポートレート, ダークモード, モバイルui - Updated: 2026-10-27T05:01:23.098Z - Created: 2026-10-27T05:01:23.098Z 中華風宮廷の女性ポートレートを生成するChatGPTモバイルのダークモード画面を忠実に再現。プロンプト内容、年齢、衣装配色、入力プレースホルダーを変更可能です。 ### Full prompt ```text ダークモードのChatGPTモバイルアプリ画面をリアルに再現した縦型スマートフォンのスクリーンショット（外側のスマホ枠なし）。AI画像生成ワークフローを表示。 画面上部中央には、ダークチャコールの角丸ユーザーメッセージ吹き出しがあり、中に以下の中国語テキストが配置されています： 「[生成一张 9:16 竖版、高清度真实摄影质感的明艳华贵古风女性写真，画面主体是一位 20-28 岁年轻成年东方女性，成年气质明确，不过度欧美化，不幼态化。她拥有明艳东方浓颜，脸型柔和流畅，眉眼存在感强，眼神明亮自信，鼻型秀气，唇色为低饱和朱红，妆容完整精致，额间有细致花钿，整体明艳、华贵、贵气、自信，有古偶女主正式登场的存在感。 场景设定在华丽宫廷回廊中，金色廊柱与红金雕塑形成庄重的古风空间层次，远处宫灯被浅景深柔和虚化，背景华丽但不抢人物主体。人物在帷幔旁短暂停步，身体轻微侧向镜头，肩颈舒展，一手轻扶金色刺绣披帛，另一只手自然垂落，眼神稳定地看向镜头，表情端正克制而有力量。 她穿着朱红色底风大袖衫，衣袖宽大，衣料厚实有垂坠感，金色刺绣沿领口、袖缘、披帛边缘和束腰腰封展开。金色刺绣披帛从肩臂一侧自然垂落，与大袖形成华丽流动线条；刺绣腰封结构稳定，勾勒华服层次。整体配色为朱红、暖金与珍珠白，红色明艳但不过饱和，金色作为刺绣、发饰、珠宝和披帛边缘的高光，避免婚庆感，保持高级古风女主质感。 镜头采用大半身近景，主体居中，浅景深，人物脸部、妆容、头饰、眼神、腰封、大袖衫和披帛层次都清晰可见。明亮柔光从侧前方照亮脸部、肩颈、华服刺绣和珠玉头饰，轻微暗边光勾出披帛与衣袖边缘，珠宝和金饰有克制高光。整体采用明亮华贵古风滤镜，画面通透，肤色自然，暗部干净，红金色彩统一，具有东方幻想古偶角色海报完成度。]」 吹き出しの直下左側に「Thought for 1m 8s ›」と小さな灰色のテキスト。その下に生成された画像の角丸カードがあり、宮殿の回廊に立つ[20-28 years old]の東アジア人女性の写実的なポートレートが表示されている。彼女は[vermilion red, warm gold, and pearl white]の華麗な古代中国風の衣装と精巧な金の髪飾りを身にまとい、柔らかな宮灯のボケを背に自信に満ちた視線を向けている。画像カードの左下に白い「编辑」文字、右下に小さな共有アイコン。 画像カードの下には、共有/コピー、高評価、低評価、再生成、三点リーダーの正確に5つのグレーのアイコンが並ぶ。画面最下部には、左にプラスアイコン、プレースホルダーテキスト「[有问题，尽管问]」、思考モデルドロップダウン、マイクアイコン、右端に円形の音声ボタンが付いた角丸の入力バー。入力バーの下には「ChatGPT 也可能会犯错。请核查重要信息。」という小さな注意書きが中央配置。 完全な黒背景、本格的なiOSダークモードUIデザイン、クリーンで正確なレイアウト。 ``` --- ### ユーモラスな分析ダッシュボードUI - URL: https://www.gptimagehub.com/ja/library/humorous-analytics-dashboard-interface - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14307 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fhumorous-analytics-dashboard-interface - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ダッシュボード, uiデザイン, データ可視化, アナリティクス, ダークモード, ユーモア - Updated: 2026-10-26T22:54:38.098Z - Created: 2026-10-26T22:54:38.098Z シュールでユーモラスな対象を追跡するハイテクデータダッシュボードを生成します。括弧内のスタイルと対象を変更して活用してください。 ### Full prompt ```text 「[all the fucks I have left to give]」を追跡する[Palantirスタイル]の分析ダッシュボードのUIスクリーンショット。複雑なデータ可視化、ネットワークグラフ、メトリクスウィジェット、リアルタイムステータスインジケーターを備える。 ``` --- ### スマートライブラリ音楽アプリUIポスター - URL: https://www.gptimagehub.com/ja/library/smart-library-music-app-ui-poster - Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-16862 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fsmart-library-music-app-ui-poster - Category: UI / UX デザイン - Model: gpt-image-2 - Aspect ratio: 3:4 - Style: graphic-design - Tags: uiデザイン, モバイルアプリ, 音楽アプリ, ポスター, モックアップ, ダークモード, グラスモーフィズム - Updated: 2026-10-27T04:28:23.098Z - Created: 2026-10-27T04:28:23.098Z スマートな音楽ライブラリのコンセプトを伝えるダークモードUIポスターを生成します。角括弧内の見出しやブランドスタイルを変更して活用できます。 ### Full prompt ```text {"type":"モバイルアプリUIコンセプトポスター","brand":"[Spotify-inspired]の音楽アプリ再設計","theme":"未来的スマートライブラリ、プレミアムダークモード、ネオングリーンのアクセント、洗練されたグラスモーフィズムパネル","canvas":{"background":"深みのあるブラック、微細なブルーグリーンのグローとソフトな周辺減光","aspect_ratio":"縦型ソーシャルメディアポスター"},"headline_section":{"count":3,"labels":["[CONCEPT 2]","[SMART LIBRARY]","Your library. Organized by you, for you."],"style":"上部中央配置、太字の白い大文字ヘッドラインの上に小さなネオングリーンのキッカー、下に小さなライトグレーのサブタイトル"},"centerpiece":{"device":"極薄ベゼルとダイナミックアイランド風カットアウトを備えた正面向き最新スマートフォンモックアップ","screen_title":"[Your Library]","status_bar":{"time":"9:41","icons_count":3,"icons":["携帯電話電波","Wi-Fi","バッテリー"]},"top_row":{"count":2,"items":["左上に小さな円形プロフィールアバター","右上に検索アイコン"]},"screen_sections":[{"title":"Continue Listening","count":4,"labels":["After Hours","Bedroom","Future","Etern..."],"details":"4枚のアルバムカードを備えた角丸長方形ヒーローカルーセル、各カードにカバーアート・タイトル・アーティストまたはジャンル名を表示、サブタイトル'Pick up where you left off'、パネル右上に白い丸型再生ボタン"},{"title":"Made For Your Mood","count":4,"labels":["Chill","Night","Focus","Feel Good"],"details":"薄く光る輪郭とミニマルな線画アイコンを備えた4つの角丸四角形ムードカード、'Relax & Unwind'・'Deep & Calm'・'Stay on Track'・'Good Vibes'のサブテキスト、右側に'See all'"},{"title":"Time & Activity","count":4,"labels":["Morning","Workout","Commute","Sleep"],"details":"ネオンラインアイコン付きの4つの角丸四角形アクティビティカード、'Fresh Start'・'High Energy'・'On The Go'・'Rest Easy'のサブテキスト、右側に'See all'"},{"title":"Recently Played","count":4,"labels":["album 1","album 2","album 3","album 4"],"details":"発光する緑色の波形トレイルで水平につながれた4枚の小さな長方形アルバムサムネイル、右側に'See all'"},{"title":"Now playing bar","count":4,"labels":["サムネイル","曲名","デバイスアイコン","再生ボタン"],"details":"アルバムアートサムネイル、タイトル'Dancing in the Rain'、アーティスト'The Weeknd'、小型接続アイコン、白い再生ボタンを備えた下部ミニプレイヤー"}],"bottom_navigation":{"count":3,"labels":["Home","Search","Your Library"],"active":"Your Library","style":"シンプルなアイコン＋ラベルのタブバー、アクティブタブはネオングリーンで強調"}},"footer_info":{"sections":[{"title":"KEY COMPONENTS","position":"左下","count":4,"labels":["AI-powered categories","Continue listening hero","Mood + activity grouping","Visual memory trails"]},{"title":"WHY IT WORKS","position":"下部中央","count":3,"labels":["Reduces clutter","Makes library intelligent","+ effortless"]},{"title":"INTERACTION","position":"右下","count":4,"labels":["Horizontal swipe","Pull to reveal more","Long press customization","AI adapts in real-time"]}],"icons_count":3,"icons":["キラキラ","脳","タップジェスチャー"]},"cta":{"count":2,"labels":["Spotify logo","[Made for how you listen.]"],"style":"下部中央に配置された角丸ネオングリーン枠線ボタン"},"style_notes":"高精度プロダクトデザインプレゼンテーション、すっきりとしたタイポグラフィ、リアルなiPhoneレンダリング、光沢スクリーンの反射、微細なシアンとグリーンの環境光、洗練されたDribbble風UXデザインポスター"} ```