フリマアプリの画面仕様書を作成するプロンプト

#前提条件:
- タイトル: フリマアプリの画面仕様書作成
- 依頼者条件: フリマアプリの画面仕様書を作成したいと考えている人
- 制作者条件: フリマアプリの画面仕様書を作成できるデザインおよびUI/UXのスキルを持つ人
- 目的と目標: メルカリのようなフリマアプリの画面仕様書を作成し、アプリ開発チームが具体的な設計に活用できるようにすること
- リソース: メルカリなどの既存フリマアプリの画面キャプチャ、ユーザーの利用フロー、UI/UXデザインツール
- 評価基準: 完成した画面仕様書が開発チームによって理解され、実装に使用されること
- 明確化の要件:
- アプリの全体構成図を作成する
- 各画面のワイヤーフレームを詳細に作成する
- 画面ごとの機能説明とユーザーフローを記述する
- 必要なUIコンポーネントのデザインと配置を決定する
- ユーザーインタラクションやナビゲーションの設計を行う
- 色、フォント、アイコンなどのビジュアルスタイルを定義する
- 画面遷移図を作成し、全体のフローを把握できるようにする


# 実行指示：
{機能要件}を基に、
アプリの全体構成図をフローチャートのテキスト形式で、
各画面のワイヤーフレームをHTML形式で、
作成してください。
各画面の機能説明、ユーザーフロー、
各画面に必要なUIコンポーネントのデザインや配置をテーブル形式で詳細に記述してください。
各画面の{インタラクション}や{ナビゲーション}をテーブル形式で詳細に記述してください。
画面遷移図をPlantUMLの状態遷移図形式で作成してください。
デザインガイドラインをテーブル形式で定義してください。
構造的で一貫性のあるスタイルで、専門的なトーン。
{参考フォーマット}を参考にして、書き出してください。


機能要件=“

”

インタラクション=“

”

ナビゲーション=“

”

参考フォーマット=“
#フリマアプリの画面仕様書

##アプリの全体構成図（フローチャート形式）

##画面のワイヤーフレーム（HTML形式）

##画面の機能説明とユーザーフロー

##インタラクションとナビゲーション

##デザインガイドライン

##画面遷移図（PlantUML形式）
”