# GPT Image Hub prompt

## 手描きワイヤーフレームからモバイルUIへ
- URL: https://www.gptimagehub.com/ja/library/wireframe-sketch-to-mobile-app-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-zl-nb-58
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fwireframe-sketch-to-mobile-app-ui
- Category: UI / UX デザイン
- Model: nanobananapro
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: uiデザイン, モバイルアプリ, ワイヤーフレーム, プロトタイプ, iphoneモックアップ, アプリ画面
- Updated: 2026-10-27T07:59:23.098Z
- Created: 2026-10-27T07:59:23.098Z

手描きのワイヤーフレームをスマートフォンフレーム内の高忠実度アプリUIに変換します。デザインシステム、アクセントカラー、端末モデルを自由に変更可能です。

### Full prompt
```text
参照画像の粗いワイヤーフレームスケッチを、洗練された高忠実度のモバイルアプリUIモックアップに変換してください。

- デザインシステム: [iOS 18またはMaterial Design 3]に着想を得たモダンでクリーンな美学。滑らかな角丸、ソフトなドロップシャドウ、鮮やかな[ブルー]のプライマリアクセントカラーを採用。
- コンポーネント: スケッチの要素を洗練されたUIコンポーネントに変換。走り書きは高品質でリアルなプレースホルダー写真に、ラフな四角形は繊細なグラデーション付きボタンに、手書きの線は読みやすくリアルなテキストブロックに変換。
- レイアウト: ピクセルパーフェクトな配置、バランスの取れたパディング、一貫したエレメント間隔。
- プレゼンテーション: ミニマルでクリーンな背景に配置された、リアルな[iPhone 16]のデバイスフレーム内にモックアップを表示。
```
### Source
- Title: ZeroLu · Awesome Nano Banana Pro
- URL: https://github.com/ZeroLu/awesome-nanobanana-pro
- License: MIT