> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/aide/prompt-library.md).

# プロンプトライブラリ

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

{% hint style="warning" %}
🚧 **早期アクセス。** Build with AI は段階的に展開され、リリースごとに改善されています。わかりにくい点、足りない点、壊れている点はありますか？ [お知らせください](/experience-cloud/experience-cloud-ja/herupu/how-do-i-contact-support.md): あなたのフィードバックが、次に改善する内容を直接形作ります。
{% endhint %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

## ナビゲーションと構成

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

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

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

## 完全なユースケース

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

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

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

***

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

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

{% hint style="success" %}
まだ設定していませんか？ 全体でも数分で完了します: セットアップ。
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/aide/prompt-library.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.