プロンプトライブラリ
目的別に整理された、AvonniコンポーネントでExperience Siteページを作成するためのコピーペースト用プロンプト。
🚧 早期アクセス。 Build with AI は段階的に展開され、リリースごとに改善されています。わかりにくい点、足りない点、壊れている点はありますか? お知らせください: あなたのフィードバックが、次に改善する内容を直接形作ります。
このページ上の各プロンプトは、アシスタントの設定が完了したら Claude、Cursor、または GitHub Copilot にすぐ貼り付けられる状態になっています。1つコピーし、自分のオブジェクトとフィールドに置き換えて、送信してください。アシスタントは生成前に MCP サーバーに対してすべてのコンポーネントとインタラクションを検証するので、思い切った構想も実現できます。
カスタマーサポートポータル
何か修正が必要なときに、お客様が訪れるページです。
ステータス別にグループ化したお客様のケースのカンバンを、サポートページに追加してください。
サポートポータルページにケース一覧を追加し、ケース作成用の画面フローをダイアログで開くボタンを付けてください。
お客様のケースのデータテーブルを追加し、各行の添付ファイルをダウンロードするアクションを付けてください。
セルフサービスのアカウントページ
お客様がケースを開く前に、自分で答えを見つけられるようにします。
お客様の未処理の注文のデータテーブルをアカウントページに追加し、行をクリックしたときにレコードへ移動するようにしてください。
ログイン中ユーザーの詳細をページ上部に表示するプロフィールカードを追加してください。
お客様のサブスクリプションの主要なフィールドを含むレコード詳細を追加してください。
コンテンツとエンゲージメント
サイトを、ログイン付きのデータベースのようではなく、生き生きとしたものにしましょう。
タイトル、背景画像、CTA ボタンを含むバナーをホームページに追加してください。
商品画像のギャラリーをホームページに追加してください。
メンバーが投稿やコメントをできるように、フィードとパブリッシャーをコミュニティページに追加してください。
入門ページに、オンボーディング動画を再生するビデオプレーヤーを追加してください。
ナビゲーションと構成
サポート、注文、アカウントの各ページへのリンクを含むナビゲーションメニューを追加してください。
FAQ ページの内容を、トピックごとのセクションを持つアコーディオンに整理してください。
アカウントページに、注文、請求書、設定を分けるタブを追加してください。
完全なユースケース
1つのリクエストが複数のアーティファクトにまたがる場合、 avonni-architect すべての要素を適切な順序で計画し、構築します。
サポートポータルページにケース一覧を追加し、ボタンから開くケース作成用の画面フローも追加してください。
注文追跡の体験を構築してください。お客様の注文のデータテーブルと、注文の問題を報告するためのサイドパネル内の画面フローです。
これらのプロンプトを自分仕様にする
実際のオブジェクト名とフィールド名を指定してください。 「データテーブルの
注文ログイン中ユーザーのアカウントで絞り込まれたレコード」は「注文のテーブル」より優れています。同じ会話の中で繰り返し調整できます。 「グルーピングを優先度に変更して」や「検索バーを追加して」と続ければ、アシスタントが同じページを更新します。
ポータルファーストで考えましょう。 ページを見る人(「お客様」「パートナー」など)を伝えれば、アシスタントが共有ルールの範囲内でデータのスコープをそれに合わせて設定します。
まだ設定していませんか? 全体でも数分で完了します: セットアップ。
最終更新
役に立ちましたか?
