Stats
Actions
Tags
From auth0
Use when adding authentication or login to any app - detects your stack (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, FastAPI, ASP.NET Core, React Native, Expo, Android, Swift), sets up an Auth0 account if needed, and routes to the correct SDK setup workflow.
How this skill is triggered — by the user, by Claude, or both
Slash command
/auth0:auth0-quickstartThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Detect your framework and get started with Auth0 authentication.
Detect your framework and get started with Auth0 authentication.
Run this command to identify your framework:
# Check package.json dependencies (Node.js projects)
cat package.json | grep -E "react|next|vue|nuxt|angular|express|fastify|@nestjs|expo"
# Or check project files
ls -la | grep -E "angular.json|vue.config.js|next.config|app.json|Package.swift|build.gradle"
Framework Detection Table:
| Framework | Detection | Skill to Use |
|---|---|---|
| React (Vite/CRA) | "react" in package.json, no Next.js | auth0-react |
| Next.js | "next" in package.json | auth0-nextjs |
| Vue.js | "vue" in package.json, no Nuxt | auth0-vue |
| Nuxt | "nuxt" in package.json | auth0-nuxt |
| Angular | angular.json exists or "@angular/core" | auth0-angular |
| Express.js | "express" in package.json | auth0-express |
| Fastify (web app) | "fastify" in package.json, has @fastify/view | auth0-fastify |
| Fastify (API) | "fastify" in package.json, no view engine | auth0-fastify-api |
| React Native | "react-native" or "expo" in package.json | auth0-react-native |
| Flask | "flask" in requirements.txt, Pipfile, or pyproject.toml | auth0-flask |
| Node.js API | "express-oauth2-jwt-bearer" in package.json | express-oauth2-jwt-bearer |
| ASP.NET Core web app | *.csproj exists, has Views/ or Pages/ folder | auth0-aspnetcore-authentication |
Don't see your framework? See Tier 2 Frameworks below.
macOS/Linux:
brew install auth0/auth0-cli/auth0
Windows:
scoop install auth0
# Or: choco install auth0-cli
Full installation guide: See CLI Reference
auth0 login
This opens your browser to authenticate with Auth0.
Choose application type based on your framework:
Single Page Applications (React, Vue, Angular):
auth0 apps create --name "My App" --type spa \
--auth-method None \
--callbacks "http://localhost:3000" \
--logout-urls "http://localhost:3000" \
--metadata "created_by=agent_skills"
Regular Web Apps (Next.js, Nuxt, Express, Fastify):
auth0 apps create --name "My App" --type regular \
--callbacks "http://localhost:3000/api/auth/callback" \
--logout-urls "http://localhost:3000" \
--metadata "created_by=agent_skills"
Native Apps (React Native):
auth0 apps create --name "My App" --type native \
--auth-method None \
--callbacks "myapp://callback" \
--logout-urls "myapp://logout" \
--metadata "created_by=agent_skills"
Get your credentials:
auth0 apps list # Find your app
auth0 apps show <app-id> # Get client ID and secret
More CLI commands: See CLI Reference
After creating your application, apply branding so the Auth0 Universal Login page matches your app:
auth0 ul update \
--accent "#YOUR_BRAND_COLOR" \
--background "#YOUR_BACKGROUND_COLOR" \
--logo "https://your-app.com/logo.png" \
--favicon "https://your-app.com/favicon.ico"
This ensures users see your app's branding on the login screen instead of the default Auth0 branding. You can also use the acul-screen-generator skill for full custom login screen design.
Based on your framework detection, use the appropriate skill:
Frontend:
auth0-react - React SPAs (Vite, Create React App)auth0-nextjs - Next.js (App Router and Pages Router)auth0-vue - Vue.js 3 applicationsauth0-nuxt - Nuxt 3/4 applicationsauth0-angular - Angular 12+ applicationsBackend:
auth0-express - Express.js web applicationsauth0-flask - Flask web applicationsauth0-fastify - Fastify web applicationsauth0-fastify-api - Fastify API authenticationexpress-oauth2-jwt-bearer - Node.js/Express API JWT Bearer validationauth0-aspnetcore-authentication - ASP.NET Core MVC, Razor Pages, Blazor Server web applicationsMobile:
auth0-react-native - React Native and Expo (iOS/Android)Not yet available as separate skills. Use Auth0 documentation:
Frontend:
Backend:
Mobile:
Migrating from another auth provider? Use the auth0-migration skill.
The migration skill covers:
Framework-specific environment variable setup:
Core concepts and troubleshooting:
Complete Auth0 CLI reference:
| Mistake | Fix |
|---|---|
| Wrong application type | SPAs need "Single Page Application", server apps need "Regular Web Application", mobile needs "Native" |
| Callback URL not configured | Add your app's callback URL to Allowed Callback URLs in Auth0 Dashboard |
| Using wrong credentials | Client Secret only needed for Regular Web Apps, not SPAs |
| Hardcoding credentials in code | Always use environment variables, never commit secrets to git |
| Not testing locally first | Set up localhost URLs in Auth0 before deploying to production |
| Mixing application types | Don't use SPA SDK for server-side apps or vice versa |
auth0-migration - Migrate from other auth providersauth0-spa-js - SPA integrationauth0-react - React SPA integrationauth0-nextjs - Next.js integrationauth0-vue - Vue.js integrationauth0-nuxt - Nuxt 3/4 integrationauth0-angular - Angular integrationauth0-express - Express.js integrationauth0-flask - Flask web app integrationauth0-fastify - Fastify web app integrationauth0-fastify-api - Fastify API integrationexpress-oauth2-jwt-bearer - Node.js/Express API JWT Bearer validationauth0-react-native - React Native CLI (bare workflow) integrationauth0-expo - Expo (managed workflow) integrationauth0-android - Android (Kotlin/Java) integrationauth0-swift - iOS/macOS (Swift) integrationauth0-fastapi-api - FastAPI API authenticationauth0-aspnetcore-authentication - ASP.NET Core web app authenticationauth0-aspnetcore-api - ASP.NET Core API authenticationauth0-mfa - Multi-Factor Authenticationnpx claudepluginhub auth0/agent-skills --plugin auth0Scaffold signin and signup authentication endpoints for a project. Use when the user wants to add authentication, create login/register flows, or set up auth from scratch.
Adds login, logout, protected pages, middleware, and server component auth to Next.js apps using @auth0/nextjs-auth0. Supports App Router and Pages Router.