·react-server-components-framework
</>

react-server-components-framework

yonatangross/skillforge-claude-plugin

使用 React Server 组件构建 Next.js 16+ 应用程序时使用。涵盖应用路由器、流式 SSR、服务器操作和服务器优先架构的 React 19 模式。

8安装·1热度·@yonatangross

安装

$npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-server-components-framework

SKILL.md

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

| Directive | None (default) | 'use client' | | Async/await | Yes | No | | Hooks | No | Yes | | Browser APIs | No | Yes | | Database access | Yes | No | | Client JS bundle | Zero | Ships to client |

Key Rule: Server Components can render Client Components, but Client Components cannot directly import Server Components (use children prop instead).

使用 React Server 组件构建 Next.js 16+ 应用程序时使用。涵盖应用路由器、流式 SSR、服务器操作和服务器优先架构的 React 19 模式。 来源:yonatangross/skillforge-claude-plugin。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-server-components-framework
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 react-server-components-framework?

使用 React Server 组件构建 Next.js 16+ 应用程序时使用。涵盖应用路由器、流式 SSR、服务器操作和服务器优先架构的 React 19 模式。 来源:yonatangross/skillforge-claude-plugin。

如何安装 react-server-components-framework?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-server-components-framework 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/yonatangross/skillforge-claude-plugin