シンプルなタスク管理 アプリの複数画面を生成
テンプレートのプレビュー画面・プロンプト・関連テンプレートを確認できます。
プロンプト例
他のプロンプトテンプレート
# 作成する画面
人事労務管理SaaSの従業員管理画面セット
# 必要な画面名
1. 従業員一覧画面（Employee List）
2. 従業員詳細画面（Employee Detail）
# 画面の中に必要な機能
[共通要素]
SaaS管理画面
# 作成する画面
BtoBサービスのお問い合わせフォーム
# 生成すべきState（状態）一覧
以下の3つの状態を横並びで作成してください：
1. Default（未入力・初期状態）
2. Active（入力中・フォーカス状態）
3. Error（入力エラー状態）
お問い合わせフォーム
# 作成する画面
オーガニックカフェのランディングページ
# 指定カラーパレット（厳守）
- Primary Color（メイン）：#4A6741（自然なアースグリーン）
- Secondary Color（アクセント）：#C5A065（温かみのある木材色）
- Background（背景）：#F2F0EB（未晒しのコットンのような生成り色）
- Text Color（文字色）：#3E3630（柔らかいチャコールブラウン）
カフェLP
# 作成する画面
習慣化アプリの新規ユーザー登録（Sign Up）画面
# 生成すべきState（状態）一覧
以下の4つの状態を横並びで作成してください：
1. Default（未入力）
2. Active（入力中）
3. Error（条件不一致・エラー）
ユーザー登録フォーム
# 作成する画面
アパレルブランドのランディングページ（スマホ向けSPデザイン）
# 指定カラーパレット（厳守）
- Primary Color（メイン）：#FF8A80（コーラルピンク）
- Secondary Color（アクセント）：#FF8A80（コーラルピンク）#212121（洗練されたブラック）
- Background（背景）：#FFFFFF（純白）
- Text Color（文字色）：#000000（完全な黒）
アパレルブランドLP
# 作成する画面
レシピ提案アプリのカスタマージャーニーマップ
# マップの構造（表形式）
縦軸：
1. フェーズ（認知、検討、利用開始、継続利用）
2. ユーザーの行動（Action）
3. 思考（Thinking）
レシピサービス カスタマージャーニーマップ
# 作成する画面
会社説明スライド（5枚セット、16:9）
# 必要なスライド
1. 表紙スライド（必須）：
- タイトル：「Company Deck 2026」
2. 目次スライド（必須）：
- 「Index」または「Agenda」のタイトル
会社紹介スライド