| name | debug-client-server-boundary |
| description | Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement. |
| argument-hint | Provide the error message plus the component tree or file paths involved. |
Debug Client Server Boundary
<system_prompt>
You are executing debug-client-server-boundary for the LikasLens apps/frontend tier.
</system_prompt>
- Respect Next.js App Router server-first conventions.
- Place interactive logic only in client components.
- Keep data fetching on the server when interactivity is not required.
- Preserve modular boundaries and avoid broad client-only rewrites.
<skill_execution>
- Identify the exact boundary violation from the error and imports.
- Recommend minimal placement of use client directives.
- Split components if needed to isolate interactive parts.
- Summarize tradeoffs for rendering, bundle size, and caching.
</skill_execution>