スキル自身の言葉で
このスキルは、iOS、Android、クロスプラットフォーム製品向けのプレミアムなモバイルアプリ画面画像を生成します。オンボーディングフロー、ダッシュボード、プロフィール画面、認証フロー、Eコマース、フィンテック、ヘルス、productivity、ソーシャルアプリを対象とします。明確な階層構造、読みやすいテキスト、複数画面間の強い一貫性、統制されたカラーパレット、汎用的でないクリエイティブディレクション、質感のある表面、画像主導の構成、カスタムアイコノグラフィーを重視します。
画面は、デフォルトで目立たないプレミアムなiPhoneまたは類似のフォンモックアップ内に、フレームを見える形で表示されます。このスキルは画像のみを生成します——コードや実装、画像からコードへの変換は行いません。DESIGN_VARIANCE: 8、ART_DIRECTION: 9、TEXT_READABILITY_PRIORITY: 10、CONSISTENCY_STRENGTH: 10といった設定値を使用し、偽のフィンテックダッシュボード、読めないほど小さなテキスト、汎用的な紫や青のパレット、一貫性のない画面セットなど、汎用的なAIモバイル出力パターンに積極的に対抗します。
生成されるもの
- 見えるデバイスの枠を持つ、すっきりとしたフォンモックアップ内に配置された1枚以上のモバイル画面画像で、主な焦点はアプリコンテンツそのものに置かれます
- 詳細が不明瞭な場合には、任意で追加の詳細ビューや新規の単独画面画像を、大きな画像から切り出すのではなく、専用に生成します
仕組み
- 01最初にプラットフォームモードを選択してください
画面を生成する前に、iOSネイティブプレミアム、Androidネイティブプレミアム、またはクロスプラットフォームのプレミアムニュートラルを選択し、ナビゲーションパターン、セーフエリアの扱い、クロームの挙動を確立してください。
- 02内部デザインバイブルを固定する
同一アプリ向けに複数の画像を生成する際は、プラットフォームモード、デバイスフレームのスタイル、パレットロジック、タイポグラフィのムード、スペーシングシステム、角丸、アイコンスタイル、ナビゲーションモデルを、すべての画面間で一貫して確立し維持してください。
- 03ビジュアルディレクションシステムを選択する
1つのテーマパラダイム、タイポグラフィの性格、構造バイアス、画像アートディレクションバイアス、テクスチャ処理、パレットロジック、正確に4つのシグネチャーコンポーネント、正確に2つの装飾アセット、正確に2つのモーション暗示言語を選択し、繰り返しの出力を避けてください。
- 04必要に応じて新規のディテールレンダーを生成する
画面やディテールに専用のビューが必要な場合は、以前に生成した大きな画像から切り出すのではなく、新規のスタンドアロン画面画像を生成し、間隔・比率・タイポグラフィを保持してください。
- 05品質検証を実行する
確定前に、ウェブサイトではなく実際のモバイルアプリのように感じられるか、セーフエリアが尊重されているか、最初の画面がクリーンか、文字が読みやすいか、十分な数の画面が生成されているか、フローに一貫性があるか、モックアップのフレーミングがクリーンかなど、27項目のチェックを検証してください。