react-server-components
Review React code for proper Server/Client Component boundaries based on Next.js and React documentation. Identifies misplaced 'use client' directives and suggests optimal component splitting.
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 and https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns to understand the guidelines
- Analyse the specified scope for Server/Client Component anti-patterns
- If fix=true, apply the fixes. If fix=false, propose the fixes without applying.