Auth0 向け Agent Skills

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

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

Claude Code、Cursor、GitHub Copilot のほか、Agent Skills 形式に対応した 40 以上のエージェント で利用できます。

​

前提条件

• Auth0アカウント (無料プランあり)
• Auth0 Dashboard にある Auth0 の ドメイン と client ID
• AIコーディングアシスタント (Claude Code、Cursor、または GitHub Copilot)

​

インストール

Claude Code

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

/plugin marketplace update claude-plugins-official
/plugin install auth0@claude-plugins-official

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

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

claude plugin marketplace update claude-plugins-official
claude plugin install auth0@claude-plugins-official

「not found」エラーが表示される場合は、まずマーケットプレイスを追加してから、再度インストールしてください。

/plugin marketplace add anthropics/claude-plugins-official
/plugin install auth0@claude-plugins-official

Cursor

Auth0 は Cursor marketplace で提供されています。掲載ページを開き、Add をクリックしてインストールします。

Cursor 設定 > ルール > Add Rule > Remote Rule (GitHub) からインストールし、Auth0 Agent Skills リポジトリの URL を入力することもできます。

GitHub Copilot

GitHub Copilot を対象に、Skills CLI を使ってインストールします。

npx skills add auth0/agent-skills --agent github-copilot

Other Agents

Skills CLI は、Claude Code、Cursor、Copilot、Codex、および 40 種類以上の他のエージェント で利用できます。

npx skills add auth0/agent-skills --all

--agent で特定のエージェントを指定します。

npx skills add auth0/agent-skills --agent claude-code cursor

​

今すぐ試す

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

Add Auth0 login to my app

Secure my Express API with Auth0 JWT validation

Migrate from Firebase Auth to Auth0

プロンプトを入力する際は、コンテキストも含めてください。使用しているフレームワーク、ルーターの種類、ログイン、API 保護、またはその両方が必要かどうかを明記します。プロンプトが具体的であるほど、出力の精度も高くなります。

​

仕組み

1. 必要なことを説明する

   React アプリにログインを追加する、Spring Boot API を保護する、Cognito から移行する、MFA を追加する、ログインページをカスタマイズするなど、やりたいことをアシスタントに伝えます。どの スキル や SDK を使えばよいかを知っている必要はありません。

2. 適切なガイダンスが読み込まれる

   auth0 スキルの Router がプロジェクトファイル (package.json、requirements.txt、build.gradle など) を読み取り、使用中のフレームワークを特定し、スタックに対応するリファレンスファイルを読み込みます。

3. 動作するコードが手に入る

   その スキル は、適切な SDK のインストール、認証ルートの作成、環境変数の設定、ルート保護の追加、Auth0 のベストプラクティスに沿った実装まで、実装全体を通してアシスタントを導きます。

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

​

スキルの機能

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

​

はじめに

機能	できること	試してみる
フレームワーク検出	フレームワークを検出し、適切な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

​

フロントエンド

機能	できること	試す
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

​

バックエンドとフルスタック

機能	機能	試す
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

​

API

機能	できること	試す
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

​

モバイル

機能	できること	試す
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

​

Advanced

機能	できること	試す
MFA	多要素認証 — TOTP、SMS、メール、プッシュ、WebAuthn	アプリに TOTP ベースの多要素認証を追加
ACUL Screen Generator	React または vanilla JS で、ブランドに合わせた Universal Login 画面を生成	デザインシステムに合わせたブランド仕様のログイン画面を作成

​

さらに詳しく

GitHub の Auth0 Agent Skills

ソースコード、auth0 スキル 定義、Issue Tracker。

Auth0 Quickstarts

AI を使わずに Auth0 と連携するためのステップバイステップガイド。

Auth0 SDK

SDK のドキュメントと API リファレンス。

Agent Skills 仕様

Agent Skills を支えるオープン標準で、40 を超える AI コーディングツールでサポートされています。

​

ヘルプを利用する

• AI アシスタントに相談する — リクエストを言い換えるか、プロジェクトの設定についてもう少し詳しい情報を伝えてください
• Issueを作成する — バグを報告したり、新しいフレームワーク向けのスキルをリクエストしたりできます
• Auth0 Community — 他の Auth0 開発者に相談できます
• セキュリティに関する問題 — Responsible Disclosure Program を利用してください