Skill

Official

Review

Audit score 70

auth0-quickstart

auth0/agent-skills

Framework-aware entry point for adding Auth0 authentication to any app.

What is auth0-quickstart?

Detects your project's framework and routes you to the correct Auth0 SDK skill. Use this when adding login to an app without knowing which Auth0 integration to install—it identifies React, Next.js, Vue, Angular, Express, Fastify, Flask, ASP.NET Core, React Native, and other frameworks, then guides you through Auth0 account setup and credential creation before handing off to the framework-specific skill.

Automatically detects your framework by inspecting package.json, project files, and dependencies
Routes to the correct framework-specific Auth0 skill (auth0-react, auth0-nextjs, auth0-vue, auth0-angular, auth0-express, auth0-fastify, auth0-flask, auth0-aspnetcore-authentication, auth0-react-native)
Guides Auth0 CLI installation and login workflow
Creates the appropriate Auth0 application type (SPA, Regular Web App, or Native) with correct callback URLs
Provides environment variable setup references for your framework
Covers migration from Firebase, Cognito, Supabase, Clerk, and other auth providers

How to install auth0-quickstart

npx skills add https://github.com/auth0/agent-skills --skill auth0-quickstart

Prerequisites

Auth0 account (free tier available)
Auth0 CLI (installed via brew, scoop, or choco; skill provides installation steps)
Node.js, Python, .NET, or other runtime matching your framework

Claude Code

Cursor

Windsurf

Cline

How to use auth0-quickstart

1.Run the framework detection commands to identify your project type (check package.json or project files)
2.Install Auth0 CLI using the provided brew/scoop/choco commands
3.Run `auth0 login` to authenticate with your Auth0 account
4.Create an Auth0 application using the appropriate command for your framework type (SPA, Regular Web App, or Native)
5.Retrieve your Client ID and Client Secret using `auth0 apps show`
6.Note your Auth0 Domain and credentials for the next step
7.Install and use the framework-specific skill (auth0-react, auth0-nextjs, etc.) that matches your detected framework

Use cases

Good for

Adding login/logout to a React or Next.js app without knowing which Auth0 package to use
Setting up authentication in an Express or Fastify backend API
Migrating users from Firebase or Cognito to Auth0
Configuring Auth0 credentials and callback URLs before installing framework-specific skills
Onboarding a new developer who needs to understand which Auth0 integration matches their tech stack

Who it's for

Full-stack developers adding authentication to new projects
Teams migrating from other auth providers to Auth0
Developers unfamiliar with Auth0's framework-specific SDKs
Anyone setting up Auth0 for the first time across any supported framework

auth0-quickstart FAQ

What if my framework isn't in the detection table?

Check the Tier 2 Frameworks section for links to Auth0 documentation. Tier 2 frameworks like SvelteKit, Remix, Django, Rails, Laravel, Go, Spring Boot, iOS, Android, and Flutter have Auth0 guides but no dedicated agent skills yet.

Do I need a Client Secret for a React or Vue app?

No. Single Page Applications (SPAs) use only the Client ID. Client Secrets are only needed for Regular Web Apps (Next.js, Express, Fastify) and Native apps where the backend is involved.

What callback URL should I use for local development?

For most frameworks, use `http://localhost:3000` for SPAs or `http://localhost:3000/api/auth/callback` for server-side apps. The skill provides exact commands for each application type.

Can this skill help me migrate from Firebase or Cognito?

Yes. After framework setup, use the `auth0-migration` skill to export users from Firebase, Cognito, Supabase, or Clerk and bulk-import them to Auth0.

Should I set up branding before or after using the framework-specific skill?

You can do it anytime after creating the Auth0 application. The skill provides optional branding commands using `auth0 ul update`, or you can use the `acul-screen-generator` skill for full custom login screen design.

Full instructions (SKILL.md)

Source of truth, from auth0/agent-skills.

name: auth0-quickstart description: > Use when adding Auth0 authentication to any app and unsure which SDK or skill to use. Detects the project's framework and routes to the right setup workflow — use this as the entry point even if the user just says "add login to my app" or "set up Auth0" without naming a framework. license: Apache-2.0 metadata: author: Auth0 support@auth0.com version: '1.0.0' openclaw: emoji: "\U0001F510" homepage: https://github.com/auth0/agent-skills requires: bins: - auth0 os: - darwin - linux install: - id: brew kind: brew formula: auth0/auth0-cli/auth0 bins: [auth0] label: 'Install Auth0 CLI (brew)'

Auth0 Quickstart

Detect your framework and get started with Auth0 authentication.

Step 1: Detect Your Framework

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.

Step 2: Auth0 Account Setup

Install Auth0 CLI

macOS/Linux:

brew install auth0/auth0-cli/auth0

Windows:

scoop install auth0
# Or: choco install auth0-cli

Full installation guide: See CLI Reference

Login to Auth0

auth0 login

This opens your browser to authenticate with Auth0.

Step 3: Create Auth0 Application

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

Apply Branding (Optional)

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.

Step 4: Use Framework-Specific Skill

Based on your framework detection, use the appropriate skill:

Tier 1 Frameworks (Dedicated Skills)

Frontend:

auth0-react - React SPAs (Vite, Create React App)
auth0-nextjs - Next.js (App Router and Pages Router)
auth0-vue - Vue.js 3 applications
auth0-nuxt - Nuxt 3/4 applications
auth0-angular - Angular 12+ applications

Backend:

auth0-express - Express.js web applications
auth0-flask - Flask web applications
auth0-fastify - Fastify web applications
auth0-fastify-api - Fastify API authentication
express-oauth2-jwt-bearer - Node.js/Express API JWT Bearer validation
auth0-aspnetcore-authentication - ASP.NET Core MVC, Razor Pages, Blazor Server web applications

Mobile:

auth0-react-native - React Native and Expo (iOS/Android)

Tier 2 Frameworks (Use Auth0 Docs)

Not yet available as separate skills. Use Auth0 documentation:

Frontend:

Backend:

Mobile:

Migration from Other Providers

Migrating from another auth provider? Use the auth0-migration skill.

The migration skill covers:

User export from Firebase, Cognito, Supabase, Clerk, etc.
Bulk import to Auth0
Code migration patterns (before/after examples)
JWT validation updates
Gradual migration strategies

Reference Documentation

Environment Variables

Framework-specific environment variable setup:

Auth0 Concepts

Core concepts and troubleshooting:

CLI Commands

Complete Auth0 CLI reference:

Common Mistakes

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