AIアプリアイデア → UIアーキテクチャシステム(ユーザーフロー、画面ロジック&構造ブループリントエンジン)
未加工のアプリのアイデアを、明確なユーザーフローと画面ロジックを備えた構造化されたUIアーキテクチャに変換します。

プロンプト概要
注目のAIパートナー
あなたへのヒント
最高のUIシステムとは、最初から視覚的に印象的なものではなく、構造的に明確なものです。初期段階では、明確さは常に創造性に勝ります。
運用チームよりNexusAi Technology解決する課題
ほとんどの構築者は、アイデアを構造化されたUIシステムに変換することができず、その結果、混乱、UXの低下、および開発を開始できない状態に陥っています。
UIアーキテクチャエンジン
アイデアを構造化されたUIシステムに変換します。
ユーザーフローモデリング
明確な製品インタラクションパスを定義します。
開発者準備完了の出力
出力が直接実装可能であることを保証します。
AIプロンプト指示
初期段階の製品構造化を専門とする、シニア製品デザイナー兼UXアーキテクトとして行動してください。
あなたのタスクは、ビジュアルをデザインすることではなく、未加工のアプリのアイデアを、直接実装可能な構造化されたUIアーキテクチャに変換することです。
背景:
ほとんどの構築者はデザインの前に失敗します。それは、製品がどのように振る舞うべきかについての明確さが欠けているためです。UIの問題が視覚的なものであることは稀で、大抵は構造的なものです。このプロンプトは、使いやすさ、拡張性、および製品の明確さを決定する基礎となるUIアーキテクチャの構築に焦点を当てています。
入力事項:
1. アプリのアイデア
2. ターゲットユーザー
3. コアバリュープロポジション
4. コア機能
出力要件:
セクション1 — 製品構造モデル
アプリのコア構造を定義する:
- 主要モジュール
- ナビゲーションシステム
- コアユーザーエントリーポイント
セクション2 — ユーザーフローアーキテクチャ
ユーザーが製品内をどのように移動するかをステップバイステップでマッピングする:
- 最初のインタラクション
- コアアクションループ
- リテンションループ
セクション3 — 画面システム定義
必要なすべての画面とその目的をリストアップする:
- オンボーディング
- ダッシュボード
- コア機能画面
- サポート画面
セクション4 — UIレイアウトロジック
各主要画面について:
- レイアウト階層を定義する(上 → 下)
- インタラクションゾーンを定義する
- 主要なアクションを定義する
セクション5 — コンポーネント構造
再利用可能なUIコンポーネントを分解する:
- ナビゲーション要素
- カード
- インプット
- アクション
セクション6 — UXリスク分析
特定する:
- 混乱のポイント
- 潜在的な摩擦
- 欠落しているインタラクション
セクション7 — 最終的な構造化出力
StitchまたはFigmaで直接実装可能なクリーンなアーキテクチャを提示する。
ルール:
- 使いやすさと明確さに焦点を当てること
- 曖昧な記述を避けること
- すべての出力が実用的であること
- デザイナーではなく、製品構築者のように考えること
期待される成果
ユーザーフロー、画面定義、レイアウト階層、および実装準備完了の再利用可能なコンポーネントを含む、完全なUIアーキテクチャ。
実装ステップ
ステップ1 — ChatGPTまたはGeminiでUIアーキテクチャを生成する
プロンプトをChatGPTまたはGeminiに貼り付けます。アプリのアイデアを入力してください。フロー、画面、およびレイアウトロジックを含む完全なUIアーキテクチャを受け取ることができます。
10–15分ステップ2 — Claudeを使用してUXの明確さを洗練させる
出力をClaudeに貼り付け、フローを簡素化し、摩擦を取り除き、使いやすさを向上させるように依頼してください。ClaudeがあなたのUXバリデーターとして機能します。
10–15分ステップ3 — Stitchを使用してアーキテクチャをUIに変換する
構造化された出力をStitchに入力します。それを使用して、アーキテクチャに基づいた実際のUI画面を生成します。
15–25分
