> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Auth0 向け Agent Skills

> Auth0 の Agent Skills を使用すると、Claude Code、Cursor、GitHub Copilot などの AI コーディングアシスタントでアプリケーションに認証を統合できます

Agent Skills は、AI コーディングアシスタントが Auth0 認証を正しく実装できるようにする構造化された手順です。一度インストールすれば、あとはアシスタントに Login の追加、ルートの保護、API の保護、MFA の設定、別のプロバイダーからの移行、ログインページのカスタマイズを依頼するだけで、残りはアシスタントが処理します。

Claude Code、Cursor、GitHub Copilot のほか、[Agent Skills](https://agentskills.io) 形式をサポートする [40 以上のその他のエージェント](https://agentskills.io/clients) でも利用できます。

<div id="prerequisites">
  ## 前提条件
</div>

* [Auth0 アカウント](https://auth0.com/signup) (無料ティアあり)
* [Auth0 Dashboard](https://manage.auth0.com) で確認できる Auth0 の**ドメイン**と**クライアントID**
* AI コーディングアシスタント (Claude Code、Cursor、または GitHub Copilot)

<div id="install">
  ## インストール
</div>

<Tabs>
  <Tab title="Claude Code">
    Auth0 は、公式の Claude Code プラグインマーケットプレイス (`claude-plugins-official`) で提供されています。まずマーケットプレイスを最新の状態にしてから、インストールしてください。

    ```bash theme={null}
    /plugin marketplace update claude-plugins-official
    /plugin install auth0@claude-plugins-official
    ```

    または、セッション内で `/plugin` と入力し、**Discover** タブを開いて「Auth0」を検索します。

    セッションを開始せずに、ターミナルからインストールすることもできます。

    ```bash theme={null}
    claude plugin marketplace update claude-plugins-official
    claude plugin install auth0@claude-plugins-official
    ```

    <Note>
      "not found" エラーが表示される場合は、先にマーケットプレイスを追加してから、再度インストールしてください。

      ```bash theme={null}
      /plugin marketplace add anthropics/claude-plugins-official
      /plugin install auth0@claude-plugins-official
      ```
    </Note>
  </Tab>

  <Tab title="Cursor">
    Auth0 は [Cursor marketplace](https://cursor.com/marketplace/auth0) で提供されています。掲載ページを開き、**Add** をクリックしてインストールしてください。

    **Cursor Settings > Rules > Add Rule > Remote Rule (GitHub)** からインストールし、[Auth0 Agent Skills リポジトリの URL](https://github.com/auth0/agent-skills) を入力することもできます。
  </Tab>

  <Tab title="GitHub Copilot">
    GitHub Copilot を対象に、[Skills CLI](https://github.com/vercel-labs/skills) を使ってインストールします。

    ```bash theme={null}
    npx skills add auth0/agent-skills --agent github-copilot
    ```
  </Tab>

  <Tab title="Other Agents">
    [Skills CLI](https://github.com/vercel-labs/skills) は、Claude Code、Cursor、Copilot、Codex、および [40 種類以上のその他のエージェント](https://agentskills.io/clients) で利用できます。

    ```bash theme={null}
    npx skills add auth0/agent-skills --all
    ```

    `--agent` を使用して特定のエージェントを指定します。

    ```bash theme={null}
    npx skills add auth0/agent-skills --agent claude-code cursor
    ```
  </Tab>
</Tabs>

<div id="try-it-now">
  ## 今すぐ試す
</div>

インストール後、以下のいずれかを AI コーディングアシスタントに貼り付けてください:

```
Add Auth0 login to my app
```

```
Secure my Express API with Auth0 JWT validation
```

```
Migrate from Firebase Auth to Auth0
```

<Tip>
  プロンプトを入力する際は、コンテキストも併せて伝えてください。使用しているフレームワーク、ルーターの種類、必要なのがログイン、API 保護、その両方のいずれかを明記します。プロンプトが具体的であるほど、出力の質も高くなります。
</Tip>

<div id="how-it-works">
  ## 仕組み
</div>

<Steps>
  <Step title="必要なことを説明する">
    React アプリにログイン機能を追加する、Spring Boot API を保護する、Cognito から移行する、MFA を追加する、ログインページをカスタマイズするなど、やりたいことをアシスタントに伝えます。どのスキルや SDK を使うべきかを把握しておく必要はありません。
  </Step>

  <Step title="適切なスキルが有効になる">
    アシスタントはプロジェクトファイル (`package.json`、`requirements.txt`、`build.gradle` など) を読み取り、フレームワークを特定したうえで、利用可能な 25 個のスキルの中から適切なものを有効にします。
  </Step>

  <Step title="動作するコードを取得できる">
    そのスキルは、適切な SDK のインストール、認証ルートの作成、環境変数の設定、ルート保護の追加、Auth0 のベストプラクティスに沿った実装まで、実装全体を通してアシスタントをガイドします。
  </Step>
</Steps>

<Info>
  スキルを手動で選ぶ必要はありません。フレームワーク検出によって SDK スキルは自動的に処理され、MFA や移行のような機能スキルは、必要なことを説明するだけで直接呼び出せます。
</Info>

<div id="available-skills">
  ## 利用可能なスキル
</div>

認証設定、API 保護、移行、CLI ツール、高度な機能を網羅する 25 種類のスキル。以下の各プロンプト例は、AI コーディングアシスタントにそのまま貼り付けて使えます。

<div id="get-started">
  ### はじめに
</div>

| スキル                   | 説明                                                                                    | 試してみる                              |
| --------------------- | ------------------------------------------------------------------------------------- | ---------------------------------- |
| **Quickstart Router** | フレームワークを検出し、適切な SDK を使用して Auth0 を設定します                                                | `アプリに Auth0 認証を追加する`               |
| **Migration**         | Firebase、Cognito、Supabase、Clerk、またはカスタム認証からユーザーとコードを移行します                             | `Firebase Auth から Auth0 への移行を手伝って` |
| **CLI**               | Auth0 CLI のコマンドリファレンス。アプリ、API、ユーザー、ロール、組織、Actions、ログ、カスタムドメイン、Universal Login を管理できます | `CLI を使用して Auth0 アプリケーションを作成する`    |

<div id="frontend">
  ### フロントエンド
</div>

| スキル            | できること                                             | 試してみる                                        |
| -------------- | ------------------------------------------------- | -------------------------------------------- |
| **React**      | React SPA のログイン、ログアウト、ユーザーセッション、保護されたルート          | `Add Auth0 login to my React app`            |
| **Vue**        | composables とルートガードを使用した Vue 3 アプリケーションの認証        | `Set up Auth0 in my Vue 3 app`               |
| **Angular**    | Angular 13+ 向けのルートガードと HTTP インターセプターによる認証         | `Add Auth0 authentication to my Angular app` |
| **Vanilla JS** | あらゆる JavaScript SPA 向けの認証 — Svelte や SolidJS にも対応 | `Add Auth0 login to my Svelte app`           |

<div id="backend-fullstack">
  ### バックエンド & フルスタック
</div>

| Skill            | できること                                                                       | 試してみる                                                  |
| ---------------- | --------------------------------------------------------------------------- | ------------------------------------------------------ |
| **Next.js**      | App Router、Pages Router、middleware、server components に対応した Next.js 13+ 向け認証 | `Set up Auth0 in my Next.js app with protected routes` |
| **Nuxt**         | Nuxt 3/4 向けのサーバーサイドセッションとルート保護                                              | `Add Auth0 authentication to my Nuxt app`              |
| **Express**      | Express.js 向けのセッションベースのログイン、ログアウト、保護されたルート                                  | `Add Auth0 login to my Express app`                    |
| **Flask**        | Flask Web アプリケーション向けのログイン、ログアウト、ユーザープロフィール                                  | `Set up Auth0 in my Flask app`                         |
| **Fastify**      | Fastify Web アプリケーション向けのセッションベース認証                                           | `Add Auth0 authentication to my Fastify app`           |
| **Java Servlet** | Java Servlet アプリケーション向けのログインとcallback処理                                     | `Add Auth0 login to my Java Servlet app`               |

<div id="api">
  ### API
</div>

| スキル                  | できること                                                     | 試してみる                                             |
| -------------------- | --------------------------------------------------------- | ------------------------------------------------- |
| **Express API**      | Node.js/Express API 向けの JWT Bearer 検証と、スコープベースのアクセス制御     | `Secure my Express API with Auth0 JWT validation` |
| **Fastify API**      | Fastify API エンドポイント向けの JWT Bearer 検証とスコープチェック             | `Add Auth0 JWT validation to my Fastify API`      |
| **FastAPI**          | Python FastAPI バックエンド向けのトークン検証とスコープベースの認可                 | `Secure my FastAPI endpoints with Auth0`          |
| **Spring Boot API**  | Spring Boot API 向けの JWT 検証とスコープベースの認可                     | `Add Auth0 authentication to my Spring Boot API`  |
| **ASP.NET Core API** | .NET API エンドポイント向けの JWT Bearer 認証と DPoP のサポート             | `Secure my ASP.NET Core API with Auth0`           |
| **Go API**           | go-jwt-middleware を使用する Go HTTP API 向けの JWT 検証とスコープベースの認可 | `Add Auth0 JWT validation to my Go API`           |

<div id="mobile">
  ### モバイル
</div>

| スキル              | できること                                                   | 試してみる                                        |
| ---------------- | ------------------------------------------------------- | -------------------------------------------- |
| **React Native** | React Native CLI アプリ向けの、生体認証サポートとディープリンクに対応した認証         | `Add Auth0 login to my React Native app`     |
| **Expo**         | マネージドワークフローのモバイルアプリ向けの、Expo Config Plugin を使用した認証       | `Set up Auth0 in my Expo app`                |
| **Android**      | ネイティブ Android 向けの Web Auth、生体認証、認証情報の管理                 | `Add Auth0 authentication to my Android app` |
| **iOS / macOS**  | iOS、macOS、tvOS、watchOS、visionOS 向けのネイティブ Auth0.swift 統合 | `Add Auth0 login to my iOS app`              |

<div id="advanced">
  ### 上級
</div>

| スキル                       | できること                                                          | 試してみる                              |
| ------------------------- | -------------------------------------------------------------- | ---------------------------------- |
| **MFA**                   | 多要素認証 — TOTP、SMS、メールアドレス、プッシュ、WebAuthn                         | `アプリに TOTP ベースの多要素認証を追加する`         |
| **ACUL Screen Generator** | React または vanilla JS を使用して、独自にブランド化した Universal Login 画面を生成します | `デザインシステムに合わせたブランド化されたログイン画面を作成する` |

<div id="learn-more">
  ## 詳しくはこちら
</div>

<CardGroup cols={2}>
  <Card title="GitHub の Auth0 Agent Skills" icon="github" href="https://github.com/auth0/agent-skills">
    ソースコード、25 個のスキル定義すべて、Issue トラッカー。
  </Card>

  <Card title="Auth0 クイックスタート" icon="rocket" href="/ja/docs/quickstarts">
    AI を使用しない手動の Auth0 統合向けステップバイステップガイド。
  </Card>

  <Card title="Auth0 SDKs" icon="code" href="/ja/docs/libraries">
    SDK ドキュメントと API リファレンス。
  </Card>

  <Card title="Agent Skills 仕様" icon="book" href="https://agentskills.io">
    Agent Skills を支えるオープン標準。40 を超える AI コーディングツールでサポートされています。
  </Card>
</CardGroup>

<div id="get-help">
  ## ヘルプを利用する
</div>

* **AI アシスタントに質問する** — リクエストを言い換えるか、プロジェクト構成についてより詳しいコンテキストを追加してください
* **[Issue を作成する](https://github.com/auth0/agent-skills/issues)** — バグを報告するか、新しいフレームワーク向けのスキルをリクエストしてください
* **[Auth0 Community](https://community.auth0.com)** — 他の Auth0 開発者からサポートを受けられます
* **セキュリティに関する問題** — [Responsible Disclosure Program](https://bugcrowd.com/engagements/auth0-okta) を利用してください