プロンプトライブラリ

目的別に整理された、AvonniコンポーネントでExperience Siteページを作成するためのコピーペースト用プロンプト。

🚧 早期アクセス。 Build with AI は段階的に展開され、リリースごとに改善されています。わかりにくい点、足りない点、壊れている点はありますか？ お知らせください: あなたのフィードバックが、次に改善する内容を直接形作ります。

このページ上の各プロンプトは、アシスタントの設定が完了したら Claude、Cursor、または GitHub Copilot にすぐ貼り付けられる状態になっています。1つコピーし、自分のオブジェクトとフィールドに置き換えて、送信してください。アシスタントは生成前に MCP サーバーに対してすべてのコンポーネントとインタラクションを検証するので、思い切った構想も実現できます。

プロンプトを調整する方法: オブジェクト（ケース, 注文, アカウント）とグルーピングをあなたのものに置き換え、望む結果を説明してください。プロパティ名や設定名を指定する必要はありません。アシスタントが存在するものを検索して設定します。データの可視性は組織の共有ルールに従います。ポータルユーザーはアクセス権のあるレコードのみを表示できます。

カスタマーサポートポータル

何か修正が必要なときに、お客様が訪れるページです。

ステータス別にグループ化したお客様のケースのカンバンを、サポートページに追加してください。

サポートポータルページにケース一覧を追加し、ケース作成用の画面フローをダイアログで開くボタンを付けてください。

お客様のケースのデータテーブルを追加し、各行の添付ファイルをダウンロードするアクションを付けてください。

セルフサービスのアカウントページ

お客様がケースを開く前に、自分で答えを見つけられるようにします。

お客様の未処理の注文のデータテーブルをアカウントページに追加し、行をクリックしたときにレコードへ移動するようにしてください。

ログイン中ユーザーの詳細をページ上部に表示するプロフィールカードを追加してください。

お客様のサブスクリプションの主要なフィールドを含むレコード詳細を追加してください。

コンテンツとエンゲージメント

サイトを、ログイン付きのデータベースのようではなく、生き生きとしたものにしましょう。

タイトル、背景画像、CTA ボタンを含むバナーをホームページに追加してください。

商品画像のギャラリーをホームページに追加してください。

メンバーが投稿やコメントをできるように、フィードとパブリッシャーをコミュニティページに追加してください。

入門ページに、オンボーディング動画を再生するビデオプレーヤーを追加してください。

ナビゲーションと構成

サポート、注文、アカウントの各ページへのリンクを含むナビゲーションメニューを追加してください。

FAQ ページの内容を、トピックごとのセクションを持つアコーディオンに整理してください。

アカウントページに、注文、請求書、設定を分けるタブを追加してください。

完全なユースケース

1つのリクエストが複数のアーティファクトにまたがる場合、 avonni-architect すべての要素を適切な順序で計画し、構築します。

サポートポータルページにケース一覧を追加し、ボタンから開くケース作成用の画面フローも追加してください。

注文追跡の体験を構築してください。お客様の注文のデータテーブルと、注文の問題を報告するためのサイドパネル内の画面フローです。

---

これらのプロンプトを自分仕様にする

• 実際のオブジェクト名とフィールド名を指定してください。 「データテーブルの 注文 ログイン中ユーザーのアカウントで絞り込まれたレコード」は「注文のテーブル」より優れています。
• 同じ会話の中で繰り返し調整できます。 「グルーピングを優先度に変更して」や「検索バーを追加して」と続ければ、アシスタントが同じページを更新します。
• ポータルファーストで考えましょう。 ページを見る人（「お客様」「パートナー」など）を伝えれば、アシスタントが共有ルールの範囲内でデータのスコープをそれに合わせて設定します。

まだ設定していませんか？ 全体でも数分で完了します: セットアップ。