The SQD

Auth Setup Skill

Claude Code

Automatically set up Auth0 authentication with Google OAuth in any Next.js project using the Squad UI LoginCard.

What It Does

When you say "set up auth" in Claude Code, this skill will:

Components Used

LoginCard

How It Works

Google OAuth
Auth0 Google social connection — no Google Cloud Console setup needed
LoginCard Integration
Same LoginCard component with signInWithGoogle, signInWithEmail, verifyOtp
Auth0 SPA SDK
Client-side PKCE flow with localStorage session caching
Build Verification
Runs next build to confirm everything compiles

How to Install

Installation Steps

  1. Click "Copy Install Command" above
  2. Paste into Claude Code and hit enter
  3. Restart Claude Code (/exit then reopen)
  4. Open your project and say "set up auth"

Auth0 Details

Domain: auth.thesqd.com

Client ID: jc41rmIaWc46tBmbmQk4qh74C47cmShW

App Type: SPA (Single Page Application)

Connection: Google OAuth (pre-configured)

Prerequisites