shadcn-agents-rsc-boundary-validator

What problem does it solve?

This Skill prevents broken Next.js App Router builds and runtime crashes caused by incorrect React Server Components boundaries when using shadcn ui primitives.

Core Features & Use Cases

• RSC boundary audit for shadcn ui: checks that the components.json rsc flag matches the project framework and that each shadcn primitive is in the correct server/client module shape.
• Directive correctness verification: validates that "use client" is present where required, absent where forbidden, and well-formed (not conditional, backticked, or placed incorrectly).
• Production-grade failure detection: identifies over-clientification, Provider-import mistakes (e.g., ThemeProvider imported directly into app/layout.tsx), and boundary-violating props like inline functions or non-serialisable instances crossing server → client.

Use case: You receive a PR that adds or modifies shadcn primitives and you must confirm the App Router boundary is correct before merging, especially when builds fail with useState is not a function or reading 'useContext' hydration crashes.

Quick Start

Use the skill to validate your repository at the point of review and generate a PASS/WARN/FAIL checklist for each of the six RSC rules.