Airo AI Builderプロンプトのベストプラクティス
アプリやWebサイトを作成する際にAiro AI Builderクレジットを最大限に活用するためのベストプラクティスとヒントをいくつか紹介します。
Note: See how to edit your app or site without using AI credits.
AIクレジットを効率的に使用するためのヒント
Airo AI Builderに、何を構築しているのか、誰のためのもので、何をする必要があるのかを伝えます。 1つのプロンプトのコンテキストが多いほど、必要なフォローアップ（およびクレジット）が少なくなります。
- 問題について具体的に説明してください。「サイトの修正」には「割引コードフィールドを追加した後、チェックアウトボタンで支払いが処理されない」より多くのクレジットがかかります。
- 何が問題なのかではなく、何を望んでいるかを説明します。AIが推測できないように、必要な結果を含めます。
- 業界またはニッチ市場について言及する：「アリゾナ州でペットグルーミングサロンのサイトを作成する」は、「サイトを作成する」より多くのコンテキストを提供します。
- 必要なページやセクションを挙げてください。「ホームページを、サイトについて、サービス、価格、連絡先などのページを使って構築する」のようなフレーズを使うと、前後を避けられます。
- 好きなものを参照する：「mycoolexample.comのようなレイアウトが欲しい」は、AIがあなたのビジョンをより早く理解するのに役立ちます。
- プロンプトごとに1つの明確なタスク：「連絡先フォームの修正」は「フォームの修正、色の変更、新しいページの追加、フッターの更新」よりも優れています。
- 可能な場合は実際のコンテンツを含める：AIがプレースホルダーコンテンツを推測するのではなく、実際の事業名、サービス、価格を入力します。
プロンプトの例
| ユースケース | これは避けましょう | これを行う |
|---|---|---|
| Eコマースストアまたはビジネスサイト | 「オンラインストアにして」 | "Build an online store for handmade candles so I can use the product catalog feature. I need soy, beeswax and seasonal categories, a shopping cart, checkout, and an about page telling our brand story." |
| 予約またはスケジュールアプリ | 「予約システムの構築」 | 「犬のグルーミングサロンの予約アプリを作成しましょう。お客様はサービス（バス、ヘアカット、ネイルトリム）を選び、利用可能なスロットから日時を選択し、確認メールを受け取る必要があります。また、予約を管理するための管理ダッシュボードを作成します。」 |
| バグや問題を修正する | 「問題を解決する」 | 「ユーザーが送信を選択しても、サイトの連絡先フォームからメールが送信されません。フォームには、名前、メール、メッセージのテキストボックスがあります。送信をjane@coolexample.comに送信するために必要です。」 |
| デザイン変更 | 「見た目を良くする」 | 「ホームページを再設計して、よりモダンに感じてください。暗い配色（＃1a1a2eプライマリと＃e94560アクセント）を使用し、ヒーロー画像を大きくして、現在のテキストが多いレイアウトを短い見出しと各サービスのビジュアルカードに置き換えます。」 |
| ダッシュボードまたはポータル | 「ダッシュボードを作成」 | 「フリーランスのマーケティング代理店のためのクライアントポータルを作成しましょう。クライアントはサインインして、プロジェクトのステータス、成果物、請求書、メッセージのスレッドをチームで確認できます。管理者側にとって、ユーザーはプロジェクトの進捗状況を更新できなければなりません。」 |
| 新しい機能を追加 | 「支払いの追加」 | 「支払いページを既存の個別指導サイトに追加します。学生はセッションパッケージ（$ 50で1セッション、$ 200で5、$ 350で10）を購入し、Stripe経由で支払い、領収書をメールで受け取ることができるはずです。」 |
| ブログまたはコンテンツサイト | 「ブログを追加」 | 「既存のベーカリーサイトにブログセクションを追加します。投稿ごとに、注目画像、タイトル、公開日、カテゴリタグ（レシピ、ヒント、ニュース）、コメントセクションが必要です。サイドバーに、最近の投稿と人気のあるカテゴリを表示したいです。」 |
| SaaSまたはツールアプリ | 「自分のアイデアに合ったアプリを作る」 | 「請求書生成アプリを作成しましょう。ユーザーはビジネス名、クライアントの詳細、説明と価格の項目、税率、納期を入力します。アプリが合計を計算し、ダウンロード可能なPDF請求書を生成します。」 |
| レイアウトや構造を変更する | 「サイトを再編成する」 | 「お客様の声セクションをホームページの一番下からヒーローの下に移動します。一番上にスティッキーナビゲーションバーを追加します。フッターリンクを次のように変更します：About、Services、Blog、Contact。」 |
| API統合 | 「APIの接続」 | 「Coolexample APIを旅行サイトに統合して、目的地ページにライブの天気が表示されるようにします。現在の気温、状態、5日間の天気予報を表示します。APIキーをAiro AIビルダー設定の「秘密」セクションに追加します。結果をキャッシュして、ページが読み込まれるたびにAPIが呼び出されるわけではありません。」 |
| データベースを作成する | 「データベースの追加」 | 「以下の表を使って、家庭用アプリのデータベースを作成しましょう。学生（氏名、メール、学年）、家庭教師（氏名、科目、時給、空き状況）、セッション（学生、家庭教師、日付、時間、ステータス、メモ）。各セッションが1人の生徒と1人のチューターにリンクされるように関係を強化してください。」 |
| データベースに接続 | 「データベースを接続する」 | 「既存のPostgreSQLデータベースをアプリに接続します。データベースには、id、name、description、price、category、およびimage_urlの列が含まれる「products」テーブルがあります。データベースから製品を取得し、カテゴリ別のフィルタリングを使用してカタログページに表示します。価格で並べ替えます。」 |
| プレビューが機能しない | 「プレビューが表示されない」 | 「開発サーバーを再起動」 |