neon-auth-react
Sets up Neon Auth in React applications (Vite, CRA). Configures authentication adapters, creates auth client, and sets up UI components. Use when adding auth-only to React apps (no database needed).
Install
git clone https://github.com/neondatabase/neon-js /tmp/neon-js && ln -s /tmp/neon-js/skills/neon-auth-react ~/.claude/skills/neon-auth-reactFrom README
Neon Auth for React Help developers set up @neondatabase/auth (authentication only, no database) in React applications with Vite, Create React App, or similar bundlers. When to Use Use this skill when: Setting up auth-only in React (no database needed) User already has a database solution User mentions "@neondatabase/auth" without "neon-js" User is NOT using Next.js (use neon-auth-nextjs skill for Next.js) Critical Rules Adapter Factory Pattern: Always call adapters with () - they are factory functions React Adapter Import: Use subpath @neondatabase/auth/react/adapters createAuthClient takes URL as first arg: createAuthClient(url, config) CSS Import: Choose ONE - either /ui/css OR /ui/tailwind, never both Create Client (src/auth-client.ts) Create Provider (src/providers.tsx) Wrap App (src/main.tsx) --- CSS & Styling Import Options Without Tailwind (pre-built CSS bundle 47KB): With Tailwind CSS v4: IMPORTANT: Never import both - causes duplicate styles.