前提条件
- Auth0 アカウント (無料ティアあり)
- Auth0 Dashboard で確認できる Auth0 のドメインとクライアントID
- AI コーディングアシスタント (Claude Code、Cursor、または GitHub Copilot)
インストール
- Claude Code
- Cursor
- GitHub Copilot
- Other Agents
Auth0 は、公式の Claude Code プラグインマーケットプレイス (または、セッション内で
claude-plugins-official) で提供されています。まずマーケットプレイスを最新の状態にしてから、インストールしてください。/plugin と入力し、Discover タブを開いて「Auth0」を検索します。セッションを開始せずに、ターミナルからインストールすることもできます。“not found” エラーが表示される場合は、先にマーケットプレイスを追加してから、再度インストールしてください。
今すぐ試す
仕組み
必要なことを説明する
React アプリにログイン機能を追加する、Spring Boot API を保護する、Cognito から移行する、MFA を追加する、ログインページをカスタマイズするなど、やりたいことをアシスタントに伝えます。どのスキルや SDK を使うべきかを把握しておく必要はありません。
適切なスキルが有効になる
アシスタントはプロジェクトファイル (
package.json、requirements.txt、build.gradle など) を読み取り、フレームワークを特定したうえで、利用可能な 25 個のスキルの中から適切なものを有効にします。スキルを手動で選ぶ必要はありません。フレームワーク検出によって SDK スキルは自動的に処理され、MFA や移行のような機能スキルは、必要なことを説明するだけで直接呼び出せます。
利用可能なスキル
はじめに
| スキル | 説明 | 試してみる |
|---|---|---|
| Quickstart Router | フレームワークを検出し、適切な SDK を使用して Auth0 を設定します | アプリに Auth0 認証を追加する |
| Migration | Firebase、Cognito、Supabase、Clerk、またはカスタム認証からユーザーとコードを移行します | Firebase Auth から Auth0 への移行を手伝って |
| CLI | Auth0 CLI のコマンドリファレンス。アプリ、API、ユーザー、ロール、組織、Actions、ログ、カスタムドメイン、Universal Login を管理できます | CLI を使用して Auth0 アプリケーションを作成する |
フロントエンド
| スキル | できること | 試してみる |
|---|---|---|
| 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 |
バックエンド & フルスタック
| 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 |
API
| スキル | できること | 試してみる |
|---|---|---|
| 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 |
モバイル
| スキル | できること | 試してみる |
|---|---|---|
| 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 |
上級
| スキル | できること | 試してみる |
|---|---|---|
| MFA | 多要素認証 — TOTP、SMS、メールアドレス、プッシュ、WebAuthn | アプリに TOTP ベースの多要素認証を追加する |
| ACUL Screen Generator | React または vanilla JS を使用して、独自にブランド化した Universal Login 画面を生成します | デザインシステムに合わせたブランド化されたログイン画面を作成する |
詳しくはこちら
GitHub の Auth0 Agent Skills
ソースコード、25 個のスキル定義すべて、Issue トラッカー。
Auth0 クイックスタート
AI を使用しない手動の Auth0 統合向けステップバイステップガイド。
Auth0 SDKs
SDK ドキュメントと API リファレンス。
Agent Skills 仕様
Agent Skills を支えるオープン標準。40 を超える AI コーディングツールでサポートされています。
ヘルプを利用する
- AI アシスタントに質問する — リクエストを言い換えるか、プロジェクト構成についてより詳しいコンテキストを追加してください
- Issue を作成する — バグを報告するか、新しいフレームワーク向けのスキルをリクエストしてください
- Auth0 Community — 他の Auth0 開発者からサポートを受けられます
- セキュリティに関する問題 — Responsible Disclosure Program を利用してください