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
With your agent
Install OMGSkills skill "neondatabase/neon-js:neon-auth-react" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
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.