# GPT Image Hub prompt

## ローカルWebアプリ注釈インターフェース
- URL: https://www.gptimagehub.com/ja/library/localhost-web-app-annotation-interface
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-22642
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Flocalhost-web-app-annotation-interface
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: uiスクリーンショット, webアプリ, 注釈ツール, ローカルホスト, モックアップ, uiデザイン
- Updated: 2026-10-27T18:19:13.098Z
- Created: 2026-10-27T18:19:13.098Z

ローカルWebアプリ上でAI注釈ツールを操作するリアルなブラウザUI画面を生成します。アドレスやコメントテキストを自由に変更して応用できます。

### Full prompt
```text
参照画像をもとにした、ローカルWebアプリのプレビュー環境を再現したリアルなUIプロダクトスクリーンショット。アドレスは [127.0.0.1:4392] のクリーンなブラウザ風ローカルホストワークスペース。すっきりとした白いUI、柔らかなドロップシャドウ、丸みを帯びたモダンなパネル。上部ブラウザバーの左側にローカルアドレス、右側に3つのミニマルなウィンドウ操作アイコンを配置。右上には「[正在注释]」と書かれた青いアノテーションステータスバッジと縦の3点リーダーアイコン。

メイン領域は丸角の白パネル内に中国風ポスターカードデザインが並ぶギャラリー風UI。左側ツールバーには検索ボタンと「1」のバッジ付き青いコメントボタン。濃い茶色の伝統的中国風ビジュアルのポスターサムネイルが2枚以上見え、右側プレビューパネルには一部チェッカーボード模様の透過プレースホルダー領域が存在。

キャンバス上部中央には、インラインAIフィードバックエディタとして機能する大きな角丸のフローティング注釈入力バブル。バブル内には左側にスライダー設定アイコン、指示テキスト「[这个按钮的视觉和整体设计不符合，调整一下。]」、「取消」ボタン、マイクアイコン、白チェックマーク付きの黒い円形確定ボタン。右プレビューパネル下部には「Open」「Folder」「Path」の3つのアクションボタンが並び、それぞれシンプルなラインアイコン付き。
```