> ## 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

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

Agent Skills は、AI コーディングアシスタントが Auth0認証を正しく実装できるようにするための構造化された指示です。一度インストールすれば、あとはアシスタントにログインの追加、ルートの保護、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 の **ドメイン** と **client 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 設定 > ルール > 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="適切なガイダンスが読み込まれる">
    `auth0` スキルの Router がプロジェクトファイル (`package.json`、`requirements.txt`、`build.gradle` など) を読み取り、使用中のフレームワークを特定し、スタックに対応するリファレンスファイルを読み込みます。
  </Step>

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

<Info>
  1 つの `auth0` スキルだけで、手動で何かを選ぶ必要はありません。フレームワークを自動的に検出し、必要なことを説明すると、[多要素認証 (MFA)](/docs/ja-jp/secure/multi-factor-authentication) などの機能を処理します。アシスタントが自動的に認識しない場合は、`/auth0` で明示的に呼び出してください。
</Info>

<div id="skill-capabilities">
  ## スキルの機能
</div>

`auth0`スキルは、以下のフレームワーク全体で認証設定、APIの保護、移行、CLIツール、高度な機能を扱います。各プロンプト例は、そのままAIコーディングアシスタントに貼り付けて使えます。

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

| 機能            | できること                                                                                      | 試してみる                                         |
| ------------- | ------------------------------------------------------------------------------------------ | --------------------------------------------- |
| **フレームワーク検出** | フレームワークを検出し、適切なSDKを使ってAuth0をセットアップします                                                      | `Add Auth0 authentication to my app`          |
| **Migration** | Firebase、Cognito、Supabase、Clerk、または独自の認証から、ユーザーとコードを移行します                                  | `Help me migrate from Firebase Auth to Auth0` |
| **CLI**       | Auth0 CLIのコマンドリファレンス — アプリケーション、API、ユーザー、ロール、組織、Actions、ログ、カスタムドメイン、Universal Loginを管理できます | `Create an Auth0 application using the CLI`   |

<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**    | ルートガードと HTTP インターセプターを使った Angular 13+ 向けの認証       | `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>

| 機能               | 機能                                                               | 試す                                                     |
| ---------------- | ---------------------------------------------------------------- | ------------------------------------------------------ |
| **Next.js**      | App Router、Pages Router、ミドルウェア、サーバーコンポーネントに対応した 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 アプリケーション向けのログインとコールバック処理                            | `Add Auth0 login to my Java Servlet app`               |

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

| 機能                   | できること                                                             | 試す                                                |
| -------------------- | ----------------------------------------------------------------- | ------------------------------------------------- |
| **Express API**      | Node.js/Express API 向けの JWT Bearer のバリデーションと、scope ベースのアクセス制御     | `Secure my Express API with Auth0 JWT validation` |
| **Fastify API**      | Fastify API エンドポイント向けの JWT Bearer のバリデーションと scope チェック            | `Add Auth0 JWT validation to my Fastify API`      |
| **FastAPI**          | Python FastAPI バックエンド向けの token バリデーションと scope ベースの認可              | `Secure my FastAPI endpoints with Auth0`          |
| **Spring Boot API**  | Spring Boot API 向けの JWT バリデーションと scope ベースの認可                     | `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 バリデーションと scope ベースの認可 | `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">
  ### 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">
    ソースコード、`auth0` スキル 定義、Issue Tracker。
  </Card>

  <Card title="Auth0 Quickstarts" icon="rocket" href="/docs/ja-jp/quickstarts">
    AI を使わずに Auth0 と連携するためのステップバイステップガイド。
  </Card>

  <Card title="Auth0 SDK" icon="code" href="/docs/ja-jp/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) を利用してください