GitHub README 古代ソーシャルフィード

宋代をテーマにしたソーシャルメディア投稿のモックアップをフィーチャーした、ダークモードの GitHub README スクリーンショットを作成します。UI プロンプトのプリセットを紹介するのに最適です。

プロンプト
目的: 古代中国のソーシャルメディアフィード UI のデザイン例を表示する、ダークモードの GitHub リポジトリ README プレビューのワイドデスクトップスクリーンショットを作成する。 キャンバス: 1200×612 px の横長スクリーンショット。ダークネイビーの GitHub インターフェースで、ブラウザのアドレスバーが表示されないブラウザウィンドウのようにクロップする。構成は大部分が空のダークな GitHub 背景で、README コンテンツは中央よりやや左に配置する。 GitHub ページのレイアウト: 最上部に GitHub のファイルパンくずリストとツールバーを表示する。パンくずリスト/ファイル項目を正確に 3 つ含める:「main」とラベル付けされたブランチセレクター、リポジトリ名「GPT-Image2-Skill」、ファイル名「README.zh.md」。その下に、左側に「Preview」、「Code」、「Blame」という 3 つのタブボタンを正確に配置し、その後に「2865 lines (2093 loc) · 204 KB」程度の小さなメタデータテキストを表示する。ツールバーの右側には、「Raw」ボタンを含む 6 つの小さな GitHub アクションボタン/アイコンを正確に配置する。UI は鮮明でダーク、かつリアルに保つ。 README コンテンツ: ダークなページ上のコンテンツエリア左上付近に、短く太字の白い中国語の見出し「宋代社交媒体动态」を配置する。この見出しの下および右側に、縦型のスマートフォン風モックアップ画像を 1 つ表示する。 電話モックアップの主題: 電話のモックアップは、宋朝朋友圈 と題された宋代をテーマにしたソーシャルメディアアプリの画面である。温かみのあるセピアブラックの背景、金色のテキスト、羊皮紙のテクスチャ、そして情緒ある歴史的な美学を持つ。電話画面の上部には、4 つのステータス要素(キャリアテキスト「大宋移动 5G」、中央の元号「元丰三年」、バッテリー残量「88%」、バッテリーアイコン)を表示する。その下に、3 つのナビゲーション/ヘッダー要素(左にバックアロー、中央に大きなタイトル「宋朝朋友圈」、右にカメラアイコン)を正確に表示する。 ソーシャル投稿の詳細: 投稿を正確に 1 つ表示する。投稿の左側には、顔が柔らかくぼかされた宋代の肖像画である正方形のアバターを 1 つ配置する。アバターの右側に、ユーザー名 苏东坡 SuShi_Official を表示する。その下に、中国語の投稿テキスト「刚到黄州,虽被贬但心情尚可。今日亲手做了东坡肉,味道绝佳。食谱见下图。」を含める。テキストは温かみのあるオフホワイト/ゴールドのカリグラフィー風 UI テキストとしてレンダリングする。 投稿画像: テキストの下に、羊皮紙に描かれたアンティークな中国絵画風の大きな画像カードを 1 つ表示する。淡い青磁の皿に、濃い緑の紐で結ばれた艶やかな正方形の東坡肉が茶色のソースに乗っている様子を描く。画像カードには、左側に縦書きの中国語カリグラフィー、小さな赤い印章、背景上部に淡い水墨画の風景や枝のディテールを含める。料理のイラストは、博物館の写本とリアルな料理レンダリングを融合させたような、絵画的な外観にする。 エンゲージメントエリア: 料理カードの下に、小さな赤い円形のエンブレムアイコンと「黄庭坚、秦观、佛印 等 126 人觉得赞」と読める中国語の名前/テキストを含む「いいね」の行を 1 つ表示する。その下に、小さなアバターと「王安石:呵呵」というコメントを含むコメント行を 1 つ表示する(電話画面の下端で部分的にカットされるようにする)。 ビジュアルスタイル: 全体的なスクリーンショットは、生成された UI サンプルを含む本物の GitHub README プレビューのように見える必要がある。ダークな GitHub カラー、繊細なセパレーター、小さく白灰色のインターフェーステキスト、そして高いコントラストを使用する。埋め込まれた電話モックアップは、温かみがあり、映画のようで、古代中国の羊皮紙と墨をインスピレーション源とし、ソフトな周辺減光とリアルな影を付ける。 制約事項: 最終的な画像は電話の UI 単体ではなく、GitHub ページのスクリーンショットとして維持すること。埋め込み電話モックアップ 1 つ、ソーシャル投稿 1 つ、アバター 1 つ、料理画像 1 つ、いいね行 1 つ、表示されるコメント行 1 つのみを含めること。指定された GitHub および README テキスト以外の追加パネル、追加の投稿、透かし、説明文は追加しないこと。

このプロンプトの使い方

  1. 1

    上の完全なプロンプトをコピーします。

  2. 2

    GPT Image 2 に対応したプラットフォーム(YouMind など)を開き、プロンプトを貼り付けます。

  3. 3

    アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。

これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。

ほかの 画像 プロンプトを見る

AI でプロンプト検索

AI が数万件のプロンプトを検索。モデル・期間・キーワードで絞り込み、表示・ブックマーク・リポストなどのエンゲージメント順に並び替えできます。

クリエイターのために。ずっと無料。

YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。

さらにプロンプトを見る