[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-neon-neon-auth":3,"mdc--f9laf3-key":31,"related-org-neon-neon-auth":655,"related-repo-neon-neon-auth":826},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":21,"repoUrl":22,"updatedAt":23,"license":24,"forks":25,"topics":26,"repo":27,"sourceUrl":29,"mdContent":30},"neon-auth","set up Neon Auth for apps","Sets up Neon Auth for your application. Configures authentication, creates auth routes, and generates UI components. Use when adding authentication to Next.js, React SPA, or Node.js projects.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"neon","Neon","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fneon.png","neondatabase",[13,15,18],{"name":9,"slug":8,"type":14},"tag",{"name":16,"slug":17,"type":14},"Auth","auth",{"name":19,"slug":20,"type":14},"Database","database",86,"https:\u002F\u002Fgithub.com\u002Fneondatabase\u002Fai-rules","2026-04-06T18:38:52.386193",null,12,[],{"repoUrl":22,"stars":21,"forks":25,"topics":28,"description":24},[],"https:\u002F\u002Fgithub.com\u002Fneondatabase\u002Fai-rules\u002Ftree\u002FHEAD\u002Fneon-plugin\u002Fskills\u002Fneon-auth","---\nname: neon-auth\ndescription: Sets up Neon Auth for your application. Configures authentication, creates auth routes, and generates UI components. Use when adding authentication to Next.js, React SPA, or Node.js projects.\nallowed-tools: [\"bash\", \"write\", \"read_file\"]\n---\n\n# Neon Auth Integration\n\nAdd authentication to your application.\n\n## When to Use This Skill\n\n- Adding authentication to a new or existing project\n- Implementing sign-in, sign-up, and session management\n- Configuring social authentication (Google, GitHub)\n\n**Package**: `@neondatabase\u002Fauth` (auth only, smaller bundle)\n\n**Need database queries too?** Use the `neon-js` skill instead for `@neondatabase\u002Fneon-js` with unified auth + data API.\n\n## Code Generation Rules\n\nWhen generating TypeScript\u002FJavaScript code, follow these rules:\n\n**Complete reference:** See [Code Generation Rules](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fcode-generation-rules.md) for:\n- Import path handling (path aliases vs relative imports)\n- Neon package imports (subpath exports, adapter patterns)\n- CSS import strategy (Tailwind detection, single import method)\n- File structure patterns\n\n**Key points:**\n- Check `tsconfig.json` for path aliases before generating imports\n- Use relative imports if unsure or no aliases exist\n- `BetterAuthReactAdapter` MUST be imported from `auth\u002Freact\u002Fadapters` subpath\n- Adapters are factory functions - call them with `()`\n- Choose ONE CSS import method (Tailwind or CSS, not both)\n\n## Available Guides\n\nEach guide is a complete, self-contained walkthrough with numbered phases:\n\n- **`guides\u002Fnextjs-setup.md`** - Complete Next.js App Router setup guide\n- **`guides\u002Freact-spa-setup.md`** - Detailed React SPA guide with react-router-dom integration\n\nI'll automatically detect your context (package manager, framework, existing setup) and select the appropriate guide based on your request.\n\nFor troubleshooting, see the [Troubleshooting Guide](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-troubleshooting.md) in references.\n\n## Quick Examples\n\nTell me what you're building - I'll handle the rest:\n\n- \"Add authentication to my Next.js app\" -> Loads setup guide, sets up auth routes\n- \"Set up sign-in with Google\" -> Configures social auth provider\n- \"Debug my auth session not persisting\" -> Loads troubleshooting guide\n\n## Reference Documentation\n\n**Primary Resource:** See [neon-auth.mdc](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Fneon-auth.mdc) for comprehensive guidelines including:\n- All authentication methods (email\u002Fpassword, social, magic link)\n- Session data structure\n- UI components reference\n- Error handling\n\n**Framework-Specific Setup (choose your framework):**\n- [Setup - Next.js](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-nextjs.md)\n- [Setup - React SPA](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-react-spa.md)\n- [Setup - Node.js](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-nodejs.md)\n\n**Framework-Specific UI (choose your framework):**\n- [UI - Next.js](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-ui-nextjs.md)\n- [UI - React SPA](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-ui-react-spa.md)\n\n**Shared References:**\n- [Common Mistakes](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-common-mistakes.md) - Import paths, adapter patterns, CSS\n- [Troubleshooting Guide](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-troubleshooting.md) - Error solutions\n- [Code Generation Rules](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fcode-generation-rules.md) - Import and CSS strategies\n- [Auth Adapters Guide](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-js-adapters.md) - Adapter comparison\n- [Import Reference](https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-js-imports.md) - Complete import paths\n\n## Templates\n\n- `templates\u002Fnextjs-api-route.ts` - API route handler for Next.js\n- `templates\u002Fauth-client.ts` - Client-side auth configuration\n\n## Related Skills\n\n- **neon-js** - Full SDK with auth + database queries (use if you need PostgREST-style data access)\n- **neon-drizzle** - Drizzle ORM setup (for database queries)\n- **neon-serverless** - Direct database connections\n- **add-neon-docs** - Add Neon best practices to your project (run after setup)\n\n---\n\n## Workflow\n\nI will:\n1. Detect your project context automatically (Next.js, React SPA, Node.js)\n2. Select and load the appropriate guide\n3. Follow the guide's phases sequentially\n4. Track progress using the guide's workflow checklist\n5. Load reference files only when needed\n6. Offer to add Neon best practices to your project docs\n\nReady to get started? Just describe what you're building!\n",{"data":32,"body":37},{"name":4,"description":6,"allowed-tools":33},[34,35,36],"bash","write","read_file",{"type":38,"children":39},"root",[40,49,55,62,82,102,128,134,139,159,182,190,246,252,257,288,293,307,313,318,336,342,360,383,391,424,432,455,463,522,528,553,559,601,605,611,616,650],{"type":41,"tag":42,"props":43,"children":45},"element","h1",{"id":44},"neon-auth-integration",[46],{"type":47,"value":48},"text","Neon Auth Integration",{"type":41,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Add authentication to your application.",{"type":41,"tag":56,"props":57,"children":59},"h2",{"id":58},"when-to-use-this-skill",[60],{"type":47,"value":61},"When to Use This Skill",{"type":41,"tag":63,"props":64,"children":65},"ul",{},[66,72,77],{"type":41,"tag":67,"props":68,"children":69},"li",{},[70],{"type":47,"value":71},"Adding authentication to a new or existing project",{"type":41,"tag":67,"props":73,"children":74},{},[75],{"type":47,"value":76},"Implementing sign-in, sign-up, and session management",{"type":41,"tag":67,"props":78,"children":79},{},[80],{"type":47,"value":81},"Configuring social authentication (Google, GitHub)",{"type":41,"tag":50,"props":83,"children":84},{},[85,91,93,100],{"type":41,"tag":86,"props":87,"children":88},"strong",{},[89],{"type":47,"value":90},"Package",{"type":47,"value":92},": ",{"type":41,"tag":94,"props":95,"children":97},"code",{"className":96},[],[98],{"type":47,"value":99},"@neondatabase\u002Fauth",{"type":47,"value":101}," (auth only, smaller bundle)",{"type":41,"tag":50,"props":103,"children":104},{},[105,110,112,118,120,126],{"type":41,"tag":86,"props":106,"children":107},{},[108],{"type":47,"value":109},"Need database queries too?",{"type":47,"value":111}," Use the ",{"type":41,"tag":94,"props":113,"children":115},{"className":114},[],[116],{"type":47,"value":117},"neon-js",{"type":47,"value":119}," skill instead for ",{"type":41,"tag":94,"props":121,"children":123},{"className":122},[],[124],{"type":47,"value":125},"@neondatabase\u002Fneon-js",{"type":47,"value":127}," with unified auth + data API.",{"type":41,"tag":56,"props":129,"children":131},{"id":130},"code-generation-rules",[132],{"type":47,"value":133},"Code Generation Rules",{"type":41,"tag":50,"props":135,"children":136},{},[137],{"type":47,"value":138},"When generating TypeScript\u002FJavaScript code, follow these rules:",{"type":41,"tag":50,"props":140,"children":141},{},[142,147,149,157],{"type":41,"tag":86,"props":143,"children":144},{},[145],{"type":47,"value":146},"Complete reference:",{"type":47,"value":148}," See ",{"type":41,"tag":150,"props":151,"children":155},"a",{"href":152,"rel":153},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fcode-generation-rules.md",[154],"nofollow",[156],{"type":47,"value":133},{"type":47,"value":158}," for:",{"type":41,"tag":63,"props":160,"children":161},{},[162,167,172,177],{"type":41,"tag":67,"props":163,"children":164},{},[165],{"type":47,"value":166},"Import path handling (path aliases vs relative imports)",{"type":41,"tag":67,"props":168,"children":169},{},[170],{"type":47,"value":171},"Neon package imports (subpath exports, adapter patterns)",{"type":41,"tag":67,"props":173,"children":174},{},[175],{"type":47,"value":176},"CSS import strategy (Tailwind detection, single import method)",{"type":41,"tag":67,"props":178,"children":179},{},[180],{"type":47,"value":181},"File structure patterns",{"type":41,"tag":50,"props":183,"children":184},{},[185],{"type":41,"tag":86,"props":186,"children":187},{},[188],{"type":47,"value":189},"Key points:",{"type":41,"tag":63,"props":191,"children":192},{},[193,206,211,230,241],{"type":41,"tag":67,"props":194,"children":195},{},[196,198,204],{"type":47,"value":197},"Check ",{"type":41,"tag":94,"props":199,"children":201},{"className":200},[],[202],{"type":47,"value":203},"tsconfig.json",{"type":47,"value":205}," for path aliases before generating imports",{"type":41,"tag":67,"props":207,"children":208},{},[209],{"type":47,"value":210},"Use relative imports if unsure or no aliases exist",{"type":41,"tag":67,"props":212,"children":213},{},[214,220,222,228],{"type":41,"tag":94,"props":215,"children":217},{"className":216},[],[218],{"type":47,"value":219},"BetterAuthReactAdapter",{"type":47,"value":221}," MUST be imported from ",{"type":41,"tag":94,"props":223,"children":225},{"className":224},[],[226],{"type":47,"value":227},"auth\u002Freact\u002Fadapters",{"type":47,"value":229}," subpath",{"type":41,"tag":67,"props":231,"children":232},{},[233,235],{"type":47,"value":234},"Adapters are factory functions - call them with ",{"type":41,"tag":94,"props":236,"children":238},{"className":237},[],[239],{"type":47,"value":240},"()",{"type":41,"tag":67,"props":242,"children":243},{},[244],{"type":47,"value":245},"Choose ONE CSS import method (Tailwind or CSS, not both)",{"type":41,"tag":56,"props":247,"children":249},{"id":248},"available-guides",[250],{"type":47,"value":251},"Available Guides",{"type":41,"tag":50,"props":253,"children":254},{},[255],{"type":47,"value":256},"Each guide is a complete, self-contained walkthrough with numbered phases:",{"type":41,"tag":63,"props":258,"children":259},{},[260,274],{"type":41,"tag":67,"props":261,"children":262},{},[263,272],{"type":41,"tag":86,"props":264,"children":265},{},[266],{"type":41,"tag":94,"props":267,"children":269},{"className":268},[],[270],{"type":47,"value":271},"guides\u002Fnextjs-setup.md",{"type":47,"value":273}," - Complete Next.js App Router setup guide",{"type":41,"tag":67,"props":275,"children":276},{},[277,286],{"type":41,"tag":86,"props":278,"children":279},{},[280],{"type":41,"tag":94,"props":281,"children":283},{"className":282},[],[284],{"type":47,"value":285},"guides\u002Freact-spa-setup.md",{"type":47,"value":287}," - Detailed React SPA guide with react-router-dom integration",{"type":41,"tag":50,"props":289,"children":290},{},[291],{"type":47,"value":292},"I'll automatically detect your context (package manager, framework, existing setup) and select the appropriate guide based on your request.",{"type":41,"tag":50,"props":294,"children":295},{},[296,298,305],{"type":47,"value":297},"For troubleshooting, see the ",{"type":41,"tag":150,"props":299,"children":302},{"href":300,"rel":301},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-troubleshooting.md",[154],[303],{"type":47,"value":304},"Troubleshooting Guide",{"type":47,"value":306}," in references.",{"type":41,"tag":56,"props":308,"children":310},{"id":309},"quick-examples",[311],{"type":47,"value":312},"Quick Examples",{"type":41,"tag":50,"props":314,"children":315},{},[316],{"type":47,"value":317},"Tell me what you're building - I'll handle the rest:",{"type":41,"tag":63,"props":319,"children":320},{},[321,326,331],{"type":41,"tag":67,"props":322,"children":323},{},[324],{"type":47,"value":325},"\"Add authentication to my Next.js app\" -> Loads setup guide, sets up auth routes",{"type":41,"tag":67,"props":327,"children":328},{},[329],{"type":47,"value":330},"\"Set up sign-in with Google\" -> Configures social auth provider",{"type":41,"tag":67,"props":332,"children":333},{},[334],{"type":47,"value":335},"\"Debug my auth session not persisting\" -> Loads troubleshooting guide",{"type":41,"tag":56,"props":337,"children":339},{"id":338},"reference-documentation",[340],{"type":47,"value":341},"Reference Documentation",{"type":41,"tag":50,"props":343,"children":344},{},[345,350,351,358],{"type":41,"tag":86,"props":346,"children":347},{},[348],{"type":47,"value":349},"Primary Resource:",{"type":47,"value":148},{"type":41,"tag":150,"props":352,"children":355},{"href":353,"rel":354},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Fneon-auth.mdc",[154],[356],{"type":47,"value":357},"neon-auth.mdc",{"type":47,"value":359}," for comprehensive guidelines including:",{"type":41,"tag":63,"props":361,"children":362},{},[363,368,373,378],{"type":41,"tag":67,"props":364,"children":365},{},[366],{"type":47,"value":367},"All authentication methods (email\u002Fpassword, social, magic link)",{"type":41,"tag":67,"props":369,"children":370},{},[371],{"type":47,"value":372},"Session data structure",{"type":41,"tag":67,"props":374,"children":375},{},[376],{"type":47,"value":377},"UI components reference",{"type":41,"tag":67,"props":379,"children":380},{},[381],{"type":47,"value":382},"Error handling",{"type":41,"tag":50,"props":384,"children":385},{},[386],{"type":41,"tag":86,"props":387,"children":388},{},[389],{"type":47,"value":390},"Framework-Specific Setup (choose your framework):",{"type":41,"tag":63,"props":392,"children":393},{},[394,404,414],{"type":41,"tag":67,"props":395,"children":396},{},[397],{"type":41,"tag":150,"props":398,"children":401},{"href":399,"rel":400},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-nextjs.md",[154],[402],{"type":47,"value":403},"Setup - Next.js",{"type":41,"tag":67,"props":405,"children":406},{},[407],{"type":41,"tag":150,"props":408,"children":411},{"href":409,"rel":410},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-react-spa.md",[154],[412],{"type":47,"value":413},"Setup - React SPA",{"type":41,"tag":67,"props":415,"children":416},{},[417],{"type":41,"tag":150,"props":418,"children":421},{"href":419,"rel":420},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-setup-nodejs.md",[154],[422],{"type":47,"value":423},"Setup - Node.js",{"type":41,"tag":50,"props":425,"children":426},{},[427],{"type":41,"tag":86,"props":428,"children":429},{},[430],{"type":47,"value":431},"Framework-Specific UI (choose your framework):",{"type":41,"tag":63,"props":433,"children":434},{},[435,445],{"type":41,"tag":67,"props":436,"children":437},{},[438],{"type":41,"tag":150,"props":439,"children":442},{"href":440,"rel":441},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-ui-nextjs.md",[154],[443],{"type":47,"value":444},"UI - Next.js",{"type":41,"tag":67,"props":446,"children":447},{},[448],{"type":41,"tag":150,"props":449,"children":452},{"href":450,"rel":451},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-ui-react-spa.md",[154],[453],{"type":47,"value":454},"UI - React SPA",{"type":41,"tag":50,"props":456,"children":457},{},[458],{"type":41,"tag":86,"props":459,"children":460},{},[461],{"type":47,"value":462},"Shared References:",{"type":41,"tag":63,"props":464,"children":465},{},[466,478,488,498,510],{"type":41,"tag":67,"props":467,"children":468},{},[469,476],{"type":41,"tag":150,"props":470,"children":473},{"href":471,"rel":472},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-auth-common-mistakes.md",[154],[474],{"type":47,"value":475},"Common Mistakes",{"type":47,"value":477}," - Import paths, adapter patterns, CSS",{"type":41,"tag":67,"props":479,"children":480},{},[481,486],{"type":41,"tag":150,"props":482,"children":484},{"href":300,"rel":483},[154],[485],{"type":47,"value":304},{"type":47,"value":487}," - Error solutions",{"type":41,"tag":67,"props":489,"children":490},{},[491,496],{"type":41,"tag":150,"props":492,"children":494},{"href":152,"rel":493},[154],[495],{"type":47,"value":133},{"type":47,"value":497}," - Import and CSS strategies",{"type":41,"tag":67,"props":499,"children":500},{},[501,508],{"type":41,"tag":150,"props":502,"children":505},{"href":503,"rel":504},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-js-adapters.md",[154],[506],{"type":47,"value":507},"Auth Adapters Guide",{"type":47,"value":509}," - Adapter comparison",{"type":41,"tag":67,"props":511,"children":512},{},[513,520],{"type":41,"tag":150,"props":514,"children":517},{"href":515,"rel":516},"https:\u002F\u002Fraw.githubusercontent.com\u002Fneondatabase-labs\u002Fai-rules\u002Fmain\u002Freferences\u002Fneon-js-imports.md",[154],[518],{"type":47,"value":519},"Import Reference",{"type":47,"value":521}," - Complete import paths",{"type":41,"tag":56,"props":523,"children":525},{"id":524},"templates",[526],{"type":47,"value":527},"Templates",{"type":41,"tag":63,"props":529,"children":530},{},[531,542],{"type":41,"tag":67,"props":532,"children":533},{},[534,540],{"type":41,"tag":94,"props":535,"children":537},{"className":536},[],[538],{"type":47,"value":539},"templates\u002Fnextjs-api-route.ts",{"type":47,"value":541}," - API route handler for Next.js",{"type":41,"tag":67,"props":543,"children":544},{},[545,551],{"type":41,"tag":94,"props":546,"children":548},{"className":547},[],[549],{"type":47,"value":550},"templates\u002Fauth-client.ts",{"type":47,"value":552}," - Client-side auth configuration",{"type":41,"tag":56,"props":554,"children":556},{"id":555},"related-skills",[557],{"type":47,"value":558},"Related Skills",{"type":41,"tag":63,"props":560,"children":561},{},[562,571,581,591],{"type":41,"tag":67,"props":563,"children":564},{},[565,569],{"type":41,"tag":86,"props":566,"children":567},{},[568],{"type":47,"value":117},{"type":47,"value":570}," - Full SDK with auth + database queries (use if you need PostgREST-style data access)",{"type":41,"tag":67,"props":572,"children":573},{},[574,579],{"type":41,"tag":86,"props":575,"children":576},{},[577],{"type":47,"value":578},"neon-drizzle",{"type":47,"value":580}," - Drizzle ORM setup (for database queries)",{"type":41,"tag":67,"props":582,"children":583},{},[584,589],{"type":41,"tag":86,"props":585,"children":586},{},[587],{"type":47,"value":588},"neon-serverless",{"type":47,"value":590}," - Direct database connections",{"type":41,"tag":67,"props":592,"children":593},{},[594,599],{"type":41,"tag":86,"props":595,"children":596},{},[597],{"type":47,"value":598},"add-neon-docs",{"type":47,"value":600}," - Add Neon best practices to your project (run after setup)",{"type":41,"tag":602,"props":603,"children":604},"hr",{},[],{"type":41,"tag":56,"props":606,"children":608},{"id":607},"workflow",[609],{"type":47,"value":610},"Workflow",{"type":41,"tag":50,"props":612,"children":613},{},[614],{"type":47,"value":615},"I will:",{"type":41,"tag":617,"props":618,"children":619},"ol",{},[620,625,630,635,640,645],{"type":41,"tag":67,"props":621,"children":622},{},[623],{"type":47,"value":624},"Detect your project context automatically (Next.js, React SPA, Node.js)",{"type":41,"tag":67,"props":626,"children":627},{},[628],{"type":47,"value":629},"Select and load the appropriate guide",{"type":41,"tag":67,"props":631,"children":632},{},[633],{"type":47,"value":634},"Follow the guide's phases sequentially",{"type":41,"tag":67,"props":636,"children":637},{},[638],{"type":47,"value":639},"Track progress using the guide's workflow checklist",{"type":41,"tag":67,"props":641,"children":642},{},[643],{"type":47,"value":644},"Load reference files only when needed",{"type":41,"tag":67,"props":646,"children":647},{},[648],{"type":47,"value":649},"Offer to add Neon best practices to your project docs",{"type":41,"tag":50,"props":651,"children":652},{},[653],{"type":47,"value":654},"Ready to get started? Just describe what you're building!",{"items":656,"total":825},[657,674,685,691,706,718,731,746,758,777,795,812],{"slug":658,"name":658,"fn":659,"description":660,"org":661,"tags":662,"stars":671,"repoUrl":672,"updatedAt":673},"neon-postgres","build apps with Neon serverless Postgres","Guides and best practices for working with Neon Serverless Postgres. Covers setup, connection methods and drivers, pooled vs direct connections, branching, autoscaling, scale-to-zero, instant restore, read replicas, connection pooling, IP allow lists, and logical replication. Use when users ask about \"Neon setup\", \"connect to Neon\", \"Neon project\", \"DATABASE_URL\", \"serverless Postgres\", \"Neon CLI\", \"neon\", \"Neon MCP\", \"Neon Auth\", \"@neondatabase\u002Fserverless\", \"@neondatabase\u002Fneon-js\", \"scale to zero\", \"Neon autoscaling\", \"Neon read replica\", or \"Neon connection pooling\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[663,664,665,668],{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":666,"slug":667,"type":14},"PostgreSQL","postgresql",{"name":669,"slug":670,"type":14},"Serverless","serverless",321,"https:\u002F\u002Fgithub.com\u002Fneondatabase\u002Fwebsite","2026-07-27T06:08:14.168734",{"slug":598,"name":598,"fn":675,"description":676,"org":677,"tags":678,"stars":21,"repoUrl":22,"updatedAt":684},"add Neon docs to project AI docs","Use this skill when the user asks to add documentation, add docs, add references, or install documentation about Neon. Adds Neon best practices reference links to project AI documentation (CLAUDE.md, AGENTS.md, or Cursor rules). Does not install packages or modify code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[679,680,683],{"name":19,"slug":20,"type":14},{"name":681,"slug":682,"type":14},"Documentation","documentation",{"name":9,"slug":8,"type":14},"2026-04-06T18:38:53.722898",{"slug":4,"name":4,"fn":5,"description":6,"org":686,"tags":687,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[688,689,690],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"slug":578,"name":578,"fn":692,"description":693,"org":694,"tags":695,"stars":21,"repoUrl":22,"updatedAt":705},"set up Drizzle ORM with Neon","Creates a fully functional Drizzle ORM setup with a provisioned Neon database. Installs dependencies, provisions database credentials, configures connections, generates schemas, and runs migrations. Results in working code that can immediately connect to and query the database. Use when creating new projects with Drizzle, adding ORM to existing applications, or modifying database schemas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[696,697,700,701,704],{"name":19,"slug":20,"type":14},{"name":698,"slug":699,"type":14},"Drizzle","drizzle",{"name":9,"slug":8,"type":14},{"name":702,"slug":703,"type":14},"ORM","orm",{"name":666,"slug":667,"type":14},"2026-04-06T18:38:56.217495",{"slug":117,"name":117,"fn":707,"description":708,"org":709,"tags":710,"stars":21,"repoUrl":22,"updatedAt":717},"set up the Neon JS SDK for auth and queries","Sets up the full Neon JS SDK with unified auth and PostgREST-style database queries. Configures auth client, data client, and type generation. Use when building apps that need both authentication and database access in one SDK.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[711,712,713,714],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":715,"slug":716,"type":14},"TypeScript","typescript","2026-04-06T18:38:51.116041",{"slug":588,"name":588,"fn":719,"description":720,"org":721,"tags":722,"stars":21,"repoUrl":22,"updatedAt":730},"configure Neon serverless driver","Configures Neon Serverless Driver for Next.js, Vercel Edge Functions, AWS Lambda, and other serverless environments. Installs @neondatabase\u002Fserverless, sets up environment variables, and creates working API route examples with TypeScript types. Use when users need to connect their application to Neon, fetch or query data from a Neon database, integrate Neon with Next.js or serverless frameworks, or set up database access in edge\u002Fserverless environments where traditional PostgreSQL clients don't work.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[723,724,727,728,729],{"name":19,"slug":20,"type":14},{"name":725,"slug":726,"type":14},"Edge Functions","edge-functions",{"name":9,"slug":8,"type":14},{"name":666,"slug":667,"type":14},{"name":669,"slug":670,"type":14},"2026-04-06T18:38:54.97085",{"slug":732,"name":732,"fn":733,"description":734,"org":735,"tags":736,"stars":21,"repoUrl":22,"updatedAt":745},"neon-toolkit","create ephemeral Neon databases for testing","Creates and manages ephemeral Neon databases for testing, CI\u002FCD pipelines, and isolated development environments. Use when building temporary databases for automated tests or rapid prototyping.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[737,740,741,742],{"name":738,"slug":739,"type":14},"CI\u002FCD","cicd",{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":743,"slug":744,"type":14},"Testing","testing","2026-04-06T18:38:57.490782",{"slug":747,"name":747,"fn":748,"description":749,"org":750,"tags":751,"stars":755,"repoUrl":756,"updatedAt":757},"claimable-postgres","provision temporary Postgres databases","Provision instant temporary Postgres databases via Claimable Postgres by Neon (neon.new) with no login, signup, or credit card. Supports REST API, CLI, and SDK. Use when users ask for a quick Postgres environment, a throwaway DATABASE_URL for prototyping\u002Ftests, or \"just give me a DB now\". Triggers include: \"quick postgres\", \"temporary postgres\", \"no signup database\", \"no credit card database\", \"instant DATABASE_URL\", \"npx neon-new\", \"neon.new\", \"neon.new API\", \"claimable postgres API\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[752,753,754],{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":666,"slug":667,"type":14},81,"https:\u002F\u002Fgithub.com\u002Fneondatabase\u002Fagent-skills","2026-07-27T06:07:56.160588",{"slug":8,"name":8,"fn":759,"description":760,"org":761,"tags":762,"stars":755,"repoUrl":756,"updatedAt":776},"build applications on the Neon platform","Overview of the Neon platform for apps and agents, spanning Postgres, Auth, the Data API, Object Storage, Compute Functions, and the AI Gateway. Start here to route to the right Neon skill, set up the CLI or MCP server, and follow the branch-first workflow. Use when \"Neon\" is mentioned, or when any of its individual capabilities are the trigger: \"object storage\" or \"S3\", \"buckets\", \"serverless functions\", \"AI gateway\", \"call an LLM\", \"postgres\", \"database\", or \"backend\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[763,766,769,770,771,772,773],{"name":764,"slug":765,"type":14},"AI Infrastructure","ai-infrastructure",{"name":767,"slug":768,"type":14},"Authentication","authentication",{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":666,"slug":667,"type":14},{"name":669,"slug":670,"type":14},{"name":774,"slug":775,"type":14},"Storage","storage","2026-07-27T06:08:01.383115",{"slug":778,"name":778,"fn":779,"description":780,"org":781,"tags":782,"stars":755,"repoUrl":756,"updatedAt":794},"neon-ai-gateway","call LLMs via Neon AI Gateway","One API and one credential for frontier and open-source LLMs, built into your Neon branch and powered by Databricks. Use when a user wants to call an LLM, add AI\u002Fchat\u002Fan agent to their app, route between model providers (OpenAI, Anthropic, Google\u002FGemini, Meta, Alibaba, DeepSeek), or avoid juggling separate provider API keys and accounts — especially when they already use Neon and want AI requests to branch with their project. Works with the OpenAI SDK, Anthropic SDK, google-genai, the Vercel AI SDK, and Mastra by changing only the base URL. Triggers include \"call an LLM\", \"add AI to my app\", \"chat completion\", \"model routing\", \"LLM proxy\u002Fgateway\", \"one API for all models\", \"use Claude\u002FGPT\u002FGemini\", \"AI SDK\", \"Mastra agent\", \"Neon AI Gateway\", and \"log\u002Frate-limit AI calls\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[783,784,787,790,793],{"name":764,"slug":765,"type":14},{"name":785,"slug":786,"type":14},"API Development","api-development",{"name":788,"slug":789,"type":14},"Databricks","databricks",{"name":791,"slug":792,"type":14},"LLM","llm",{"name":9,"slug":8,"type":14},"2026-07-27T06:08:00.288175",{"slug":796,"name":796,"fn":797,"description":798,"org":799,"tags":800,"stars":755,"repoUrl":756,"updatedAt":811},"neon-functions","deploy serverless functions on Neon","Long-running, serverless Node.js HTTP functions deployed onto your Neon branch, with DATABASE_URL injected automatically and compute that runs next to your data. Use when a user wants to host an API, an AI agent with long streaming responses, a WebSocket or server-sent-events (SSE) server, a webhook handler, a Discord bot, an MCP server, or any request\u002Fresponse workload that risks timing out on short, lambda-style serverless functions — and wants it to branch with their database. Triggers include \"serverless function\", \"deploy an API\", \"long-running function\", \"streaming agent\", \"SSE server\", \"WebSocket server\", \"webhook handler\", \"MCP server\", \"run code next to my database\", \"function that won't time out\", \"Neon Functions\", and \"Neon Compute\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[801,802,805,806,807,810],{"name":785,"slug":786,"type":14},{"name":803,"slug":804,"type":14},"Backend","backend",{"name":725,"slug":726,"type":14},{"name":9,"slug":8,"type":14},{"name":808,"slug":809,"type":14},"Node.js","node-js",{"name":669,"slug":670,"type":14},"2026-07-27T06:07:59.147675",{"slug":813,"name":813,"fn":814,"description":815,"org":816,"tags":817,"stars":755,"repoUrl":756,"updatedAt":824},"neon-object-storage","manage Neon object storage","S3-compatible object storage that branches with your Neon project, so files and the database stay in sync across every branch. Use when a user wants object storage, a bucket, blob\u002Ffile storage, or somewhere to put uploads, images, documents, avatars, or user-generated files for their app or agent — especially when they already use (or are setting up) Neon Postgres and don't want to add a separate storage provider like AWS S3, Cloudflare R2, or Supabase Storage. Triggers include \"object storage\", \"bucket\", \"blob storage\", \"file storage\", \"store uploads\u002Fimages\u002Ffiles\", \"S3-compatible storage\", \"presigned URL\", \"where do I put files\", \"Neon Object Storage\", \"Neon Storage\", and \"storage that branches with my database\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[818,819,822,823],{"name":19,"slug":20,"type":14},{"name":820,"slug":821,"type":14},"File Storage","file-storage",{"name":9,"slug":8,"type":14},{"name":774,"slug":775,"type":14},"2026-07-27T06:07:57.150892",19,{"items":827,"total":870},[828,834,840,848,855,863],{"slug":598,"name":598,"fn":675,"description":676,"org":829,"tags":830,"stars":21,"repoUrl":22,"updatedAt":684},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[831,832,833],{"name":19,"slug":20,"type":14},{"name":681,"slug":682,"type":14},{"name":9,"slug":8,"type":14},{"slug":4,"name":4,"fn":5,"description":6,"org":835,"tags":836,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[837,838,839],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"slug":578,"name":578,"fn":692,"description":693,"org":841,"tags":842,"stars":21,"repoUrl":22,"updatedAt":705},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[843,844,845,846,847],{"name":19,"slug":20,"type":14},{"name":698,"slug":699,"type":14},{"name":9,"slug":8,"type":14},{"name":702,"slug":703,"type":14},{"name":666,"slug":667,"type":14},{"slug":117,"name":117,"fn":707,"description":708,"org":849,"tags":850,"stars":21,"repoUrl":22,"updatedAt":717},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[851,852,853,854],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":715,"slug":716,"type":14},{"slug":588,"name":588,"fn":719,"description":720,"org":856,"tags":857,"stars":21,"repoUrl":22,"updatedAt":730},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[858,859,860,861,862],{"name":19,"slug":20,"type":14},{"name":725,"slug":726,"type":14},{"name":9,"slug":8,"type":14},{"name":666,"slug":667,"type":14},{"name":669,"slug":670,"type":14},{"slug":732,"name":732,"fn":733,"description":734,"org":864,"tags":865,"stars":21,"repoUrl":22,"updatedAt":745},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[866,867,868,869],{"name":738,"slug":739,"type":14},{"name":19,"slug":20,"type":14},{"name":9,"slug":8,"type":14},{"name":743,"slug":744,"type":14},6]