nextjs-prisma-client-component-import
CommunityMake Prisma types browser-safe for Next.js.
AuthorDavidTeju
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Next.js client components often fail when they import Prisma types, leading to cryptic bundling errors like node:module. This skill provides guidance to separate server and client types or use browser-safe enums to fix browser builds.
Core Features & Use Cases
- Resolve Prisma type imports in client components without breaking builds.
- Suggest patterns for server/client separation and type safety across Next.js apps.
- Use Case: When a client component imports from @prisma/client, apply the recommendations to avoid bundling Node.js code.
Quick Start
Adjust Prisma type imports in your Next.js app to ensure client bundles stay browser-safe.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs-prisma-client-component-import Download link: https://github.com/DavidTeju/shared-skills/archive/main.zip#nextjs-prisma-client-component-import Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.