PaperclipOrg
Claude Agent Skill · by Auth0

Auth0 Quickstart

Install Auth0 Quickstart skill for Claude Code from auth0/agent-skills.

Install
Terminal · npx
$npx skills add https://github.com/auth0/agent-skills --skill auth0-quickstart
Works with Paperclip

How Auth0 Quickstart fits into a Paperclip company.

Auth0 Quickstart drops into any Paperclip agent that handles this kind of work. Assign it to a specialist inside a pre-configured PaperclipOrg company and the skill becomes available on every heartbeat — no prompt engineering, no tool wiring.

S
SaaS FactoryPaired

Pre-configured AI company — 18 agents, 18 skills, one-time purchase.

$27$59
Explore pack
Source file
SKILL.md244 lines
Expand
---name: auth0-quickstartdescription: 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.license: Apache-2.0metadata:  author: Auth0 <support@auth0.com>--- # Auth0 Quickstart Detect your framework and get started with Auth0 authentication. --- ## Step 1: Detect Your Framework **Run this command to identify your framework:** ```bash# Check package.json dependencies (Node.js projects)cat package.json | grep -E "react|next|vue|nuxt|angular|express|fastify|@nestjs|expo" # Or check project filesls -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` | **Don't see your framework?** See Tier 2 Frameworks below. --- ## Step 2: Auth0 Account Setup ### Install Auth0 CLI **macOS/Linux:**```bashbrew install auth0/auth0-cli/auth0``` **Windows:**```bashscoop install auth0# Or: choco install auth0-cli``` **Full installation guide:** See [CLI Reference](references/cli.md#installation) ### Login to Auth0 ```bashauth0 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):**```bashauth0 apps create --name "My App" --type spa \  --callbacks "http://localhost:3000" \  --logout-urls "http://localhost:3000" \  --metadata "created_by=agent_skills"``` **Regular Web Apps (Next.js, Nuxt, Express, Fastify):**```bashauth0 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):**```bashauth0 apps create --name "My App" --type native \  --callbacks "myapp://callback" \  --logout-urls "myapp://logout" \  --metadata "created_by=agent_skills"``` **Get your credentials:**```bashauth0 apps list          # Find your appauth0 apps show <app-id> # Get client ID and secret``` **More CLI commands:** See [CLI Reference](references/cli.md) --- ## 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 **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:**- [SvelteKit](https://auth0.com/docs/quickstart/webapp/sveltekit)- [Remix](https://auth0.com/docs/quickstart/webapp/remix) **Backend:**- [FastAPI (Python)](https://auth0.com/docs/quickstart/backend/python)- [Django (Python)](https://auth0.com/docs/quickstart/webapp/django)- [Rails (Ruby)](https://auth0.com/docs/quickstart/webapp/rails)- [Laravel (PHP)](https://auth0.com/docs/quickstart/webapp/laravel)- [Go](https://auth0.com/docs/quickstart/webapp/golang)- [ASP.NET Core](https://auth0.com/docs/quickstart/webapp/aspnet-core)- [Spring Boot](https://auth0.com/docs/quickstart/webapp/java-spring-boot) **Mobile:**- [iOS (Swift)](https://auth0.com/docs/quickstart/native/ios-swift)- [Android (Kotlin)](https://auth0.com/docs/quickstart/native/android)- [Flutter](https://auth0.com/docs/quickstart/native/flutter) --- ## 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 VariablesFramework-specific environment variable setup:- [Vite, Create React App, Angular](references/environments.md#single-page-applications-spas)- [Next.js, Express](references/environments.md#server-side-applications)- [React Native, Expo](references/environments.md#mobile-applications) ### Auth0 ConceptsCore concepts and troubleshooting:- [Application Types](references/concepts.md#application-types)- [Key Terms](references/concepts.md#key-terms)- [OAuth Flows](references/concepts.md#oauth-flows)- [Troubleshooting](references/concepts.md#troubleshooting)- [Security Best Practices](references/concepts.md#security-best-practices) ### CLI CommandsComplete Auth0 CLI reference:- [CLI Installation](references/cli.md#installation)- [Creating Applications](references/cli.md#creating-applications)- [User Management](references/cli.md#user-management)- [Testing & Debugging](references/cli.md#testing--debugging)- [Command Quick Reference](references/cli.md#command-quick-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 | --- ## Related Skills ### Core Integration- `auth0-migration` - Migrate from other auth providers ### SDK Skills- `auth0-react` - React SPA integration- `auth0-nextjs` - Next.js integration- `auth0-vue` - Vue.js integration- `auth0-nuxt` - Nuxt 3/4 integration- `auth0-angular` - Angular integration- `auth0-express` - Express.js integration- `auth0-flask` - Flask web app integration- `auth0-fastify` - Fastify web app integration- `auth0-fastify-api` - Fastify API integration- `express-oauth2-jwt-bearer` - Node.js/Express API JWT Bearer validation- `auth0-react-native` - React Native CLI (bare workflow) integration- `auth0-expo` - Expo (managed workflow) integration- `auth0-android` - Android (Kotlin/Java) integration- `auth0-swift` - iOS/macOS (Swift) integration- `auth0-fastapi-api` - FastAPI API authentication- `auth0-aspnetcore-api` - ASP.NET Core API authentication ### Advanced Features- `auth0-mfa` - Multi-Factor Authentication --- ## References - [Auth0 Documentation](https://auth0.com/docs)- [Auth0 Quickstart Guides](https://auth0.com/docs/quickstart)- [Auth0 CLI Documentation](https://auth0.github.io/auth0-cli/)- [Auth0 Community Forum](https://community.auth0.com/)