> 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/youkoso.md).

# ようこそ

Avonni Components for Experience Sites は、40以上の事前構築済みの Experience Site コンポーネントを含む管理パッケージです。

Avonniでは、すべてのSalesforceユーザーが使いやすく、かつ強力なツールを手にするに値すると考えています。私たちの使命は、考え抜かれて設計されたプリビルトのUIコンポーネントを通じてそれを実現することです。

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840&#x26;channel=recommended&#x26;other_source=AppExchange+Recommended" class="button primary" data-icon="up-right-from-square">コンポーネントをインストール</a> <a href="/experience-cloud/experience-cloud-ja/hajimeni/quick-start-guide.md" class="button secondary" data-icon="stars">クイックスタート</a> <a href="/experience-cloud/experience-cloud-ja/aide/overview.md" class="button secondary" data-icon="wand-magic-sparkles">AIで構築</a>

## Experience Site向けのAvonniコンポーネントを見つける

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>コンポーネントを探す</strong></td><td>Experience Siteで利用可能なすべてのAvonniコンポーネントを確認する</td><td></td><td><a href="/experience-cloud/experience-cloud-ja/experience-components/view-all-components.md">すべてのコンポーネントを表示</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-d9f55e122ac4138413187e70bfce86a21df47d9b%2Fnew%20Deisnger%20(5).png?alt=media">new Deisnger (5).png</a></td></tr><tr><td><strong>チュートリアル</strong></td><td>ActionsでAvonniコンポーネントを使用する方法を学びましょう。</td><td></td><td><a href="/experience-cloud/experience-cloud-ja/chtoriaru/components.md">コンポーネント</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-098cc62830fc8605b7eb901bbdc011cce4a8cdda%2Fnew%20Deisnger%20(6).png?alt=media">new Deisnger (6).png</a></td></tr><tr><td><strong>ユースケース</strong></td><td>コンポーネントを組み合わせて複雑なユースケースを作成する方法を学びましょう。</td><td></td><td><a href="/projects/welcome.md#experience-cloud-components">Welcome</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-09f0a289d14ef2d5269db9479e4aefcea1f121a0%2Fnew%20Deisnger%20(7).png?alt=media">new Deisnger (7).png</a></td></tr></tbody></table>

{% hint style="success" %}

#### **AIアシスタントでサイトページを構築する** 🪄

Avonniはホスト型の **MCPサーバー** と **エージェントスキル** これにより、Claude、Cursor、GitHub Copilotが、自然言語のプロンプトから、実際に動作するAvonniコンポーネントをExperience Siteページに追加できます。

<a href="/experience-cloud/experience-cloud-ja/aide/overview.md" class="button secondary" data-icon="wand-magic-sparkles">Build with AIを詳しく見る</a>
{% endhint %}

{% hint style="info" %}
Experience Site向けのAvonniコンポーネント **はAuraおよびLWRサイトと互換性があります**。ただし、Auraサイトでは、 [スロット](/experience-cloud/experience-cloud-ja/hajimeni/learning-the-basics.md#understanding-slots) は利用できません。
{% 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/youkoso.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.
