neon-js-react
Sets up the full Neon SDK with authentication AND database queries in React apps (Vite, CRA). Creates typed client, generates database types, and configures auth UI. Use for auth + database integration.
Install
git clone https://github.com/neondatabase/neon-js /tmp/neon-js && ln -s /tmp/neon-js/skills/neon-js-react ~/.claude/skills/neon-js-react
From README
Neon JS for React Help developers set up @neondatabase/neon-js with authentication AND database queries in React applications (Vite, CRA, etc.). When to Use Use this skill when: Setting up Neon Auth + Database in a React app (Vite, CRA, etc.) User needs both authentication AND database queries User mentions "neon-js", "neon auth + database", or "full neon SDK" User is NOT using Next.js (for Next.js, use neon-auth-nextjs as a starting point and add Data API configuration, or see examples/nextjs-neon-auth/) Critical Rules Adapter Factory Pattern: Always call adapters with () React Adapter Import: NOT exported from main - use subpath Type Safety: Always use Database generic for type-safe queries CSS Import: Choose ONE - either /ui/css OR /ui/tailwind, never both --- Generate Database Types CLI Options: Create Client (src/client.ts) Create Provider (src/providers.tsx) Wrap App (src/main.tsx) Environment Variables (.env.local) --- CSS & Styling Import Options Without Tailwind (pre-built...
