# GPT Image Hub prompt

## 分解図ポスター付きGitHub README画面
- URL: https://www.gptimagehub.com/ja/library/github-readme-with-product-teardown-poster
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-29919
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fgithub-readme-with-product-teardown-poster
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: github, uiスクリーンショット, 分解図, インフォグラフィック, meta quest, テックデザイン, プレゼン
- Updated: 2026-10-27T23:56:43.098Z
- Created: 2026-10-27T23:56:43.098Z

中央に製品分解インフォグラフィックが配置されたGitHubリポジトリのリアルなUIスクリーンショットを生成します。括弧内を変更して製品やリポジトリを調整可能です。

### Full prompt
```text
MarkdownのREADMEプレビューを表示するGitHubリポジトリページのリアルなデスクトップブラウザスクリーンショット。[awesome-gpt-image-2]のリポジトリで、文書の中央に製品の分解図ポスターが埋め込まれている。

構図とレイアウト：16:9ワイドスクリーンのスクリーンショット、ライトテーマのGitHub UI、鮮明なUIテキスト。ブラウザのアドレスバーは非表示で、リポジトリのファイル表示エリアにクロップされている。左側にファイルツリーのエクスプローラー、上部にブレッドクラムとファイル操作ヘッダー、メインエリアにREADMEプレビューが配置。README上部に水平スクロールバー、右端に垂直スクロールバーがある。

左サイドバー：「main」ブランチセレクター、「Go to file」検索欄、フォルダ（「.github」「docs」「public」「scripts」）および各種ファイル（「.env.example」「.gitignore」「LICENSE」「README.md」、各言語版README、「package.json」「pnpm-lock.yaml」「tsconfig.json」）を含むファイル一覧。「README_zh.md」が選択状態としてハイライト表示されている。

上部ヘッダー：「[awesome-gpt-image-2] / README_zh.md」のブレッドクラム。「Preview」「Code」「Blame」タブと「5872 lines (3723 loc) · 362 KB」のメタデータ表示。右側に「Raw」ボタンや標準アイコンが並ぶ。

メインコンテンツとポスター：README本文に小さな中国語の見出し「生成图片」と「Image 1」のテキストがあり、その下に[Meta Quest 3]の洗練された製品分解インフォグラフィックポスターが中央配置されている。ポスターは淡いラベンダーからブルーへのグラデーション背景、Metaのインフィニティロゴ、左上に「Meta Quest 3」のタイトルと日本語のサブタイトル。VRヘッドセットのハードウェアが上から下へ9層の分解構造で垂直に並ぶ：白い曲面フロントパネル、浮遊するセンサー・カメラモジュール、黒い内部フレーム、Snapdragon XR2 Gen 2と記された中央マザーボード、デュアルパンケーキレンズアセンブリ、サイドバッテリーモジュール、下部ブラックインナーフレーム・ヘッドストラップ、2本の白いサイドサイドアーム、白い外郭シェルとフェイスパッド。左右に細い引き出し線と小さな日本語の注記が添えられている。

スタイル：実写のような高精細UIスクリーンショット、鮮明なフォント、クリーンな白と薄いグレーの境界線、青いリンクアクセント。埋め込みインフォグラフィックは、柔らかな影と精密なレンダリング照明を備えた光沢感のある高品質なテック広告スタイル。

制約事項：人物なし、ブラウザタブやURLバーなし、モーダルポップアップなし。
```