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
With your agent
Install OMGSkills skill "neondatabase/neon-js:neon-js-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-js-react ~/.claude/skills/neon-js-reactFrom 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...