react-server-components

Reviews React Server/Client Component boundaries against Next.js and React docs. Use when auditing `'use client'` placement or splitting components for proper RSC behaviour.

ryoppippi 269 5 Updated 2mo ago

Install

npx skillscat add ryoppippi/dotfiles/react-server-components

Install via the SkillsCat registry.

SKILL.md

Arguments:

scope: what to analyse (default: your current changes). Examples: "diff to main", "PR #123", "src/app/", "whole codebase"
fix: whether to apply fixes (default: true). Set to false to only propose changes.

Steps:

Read:
- https://react.dev/reference/rsc/server-components
- https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns
Analyse the specified scope for Server/Client Component anti-patterns
If fix=true, apply the fixes. If fix=false, propose the fixes without applying.

Categories

Debugging UI Components