Claude MarketplacesSubmit
yonatangross avatar

React Server Components Framework

yonatangross/orchestkit

Covers Next.js 16.2 LTS and React 19.2 with the new Cache Components API that replaces the experimental PPR flag. You get reference docs for server vs client boundaries, streaming patterns, Server Actions, and the async params breaking change. The skill includes twelve reference markdown files you load on demand, plus it knows about Turbopack being the default bundler and the Next DevTools MCP server for inspecting render trees mid-session. Use this when you're building App Router projects and need quick answers on data fetching strategies, component composition rules, or migrating from Pages Router. It's a reference skill, not a code generator, so expect lookups and pattern guidance rather than scaffolding.

skills.sh installs
227
GitHub stars
301
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add yonatangross/orchestkit --skill react-server-components-framework --agent claude-code

Installs into .claude/skills of the current project.

Files

React Server Components Framework

Overview

React Server Components (RSC) enable server-first rendering with client-side interactivity. This skill covers Next.js 16.2 LTS App Router patterns, Server Components, Server Actions, and streaming.

Next.js 16.2.6 / React 19.2.6 (security release, May 2026) — Turbopack is the default bundler (no --turbo flag needed), Server Fast Refresh is on by default, and the new cacheComponents config flag replaces the legacy experimental_ppr escape hatch. For AI-agent debugging Next.js ships Next DevTools MCP — wire npx -y next-devtools-mcp@latest into .mcp.json (it connects via the dev server's /_next/mcp endpoint) to inspect render trees and cache boundaries mid-session.

When to use this skill:

  • Building Next.js 16+ applications with the App Router
  • Designing component boundaries (Server vs Client Components)
  • Implementing data fetching with caching and revalidation
  • Creating mutations with Server Actions
  • Optimizing performance with streaming and Suspense

Quick Reference

Server vs Client Components

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/yonatangross/orchestkit
Categories
Frontend Development, Backend & APIs, Code Review & Quality
First seen
Jun 3, 2026

More from yonatangross/orchestkit

All 61

Recommended

More Frontend Development
1vercel-labs avatarjson-render-shadcnvercel-labs/json-renderPre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with 213skills.sh installs
2borghei avatarui-design-systemborghei/claude-skillsUI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maint209skills.sh installs
3samhvw8 avatarui-ux-designsamhvw8/dot-claudeUI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Ta207skills.sh installs
4existential-birds avatarshadcn-code-reviewexistential-birds/beagleReviews shadcn/ui components for CVA patterns, composition with asChild, accessibility states, and data-slot usage. Use when reviewing React components using sh204skills.sh installs
5miles990 avatarfrontendmiles990/claude-software-skillsModern frontend development with React, Vue, and web technologies194skills.sh installs
6sergiodxa avatarfrontend-internationalization-best-practicessergiodxa/agent-skillsInternationalization best practices for React Router framework mode using remix-i18next. Use when setting up locales, middleware, resource routes, or language s193skills.sh installs