Claude Code
Claude Code is Anthropic's official CLI tool for AI-assisted coding. @lazarv/react-server provides an installable Claude Code skill that gives Claude deep knowledge of the runtime's APIs, conventions, and patterns — so you can build react-server applications using agentic coding.
Install the skill into your project using npx skills:
npx skills add lazarv/react-server
This installs the react-server skill from the repository's skills/ directory into your project's .claude/skills/ folder. Once installed, the /react-server slash command becomes available in Claude Code.
To install it globally so it's available across all your projects:
npx skills add lazarv/react-server --global
Start Claude Code in your project directory and use the /react-server slash command to give Claude the full context of the runtime. You can pass additional instructions as arguments:
# General react-server context
/react-server
# With specific instructions
/react-server add a new /api/users route that returns a list of users from the database
# Scaffold a new feature
/react-server create a live component that streams stock prices
The skill loads all core patterns, file-system router conventions, use directives, import paths, and component patterns into Claude's context automatically.
Every page on this documentation site is also available as plain markdown. You can paste these URLs directly in a Claude Code conversation for detailed, up-to-date reference on specific features:
| Topic | URL |
|---|---|
| Server Components | https://react-server.dev/guide/server-components.md |
| Client Components | https://react-server.dev/guide/client-components.md |
| Server Functions | https://react-server.dev/guide/server-functions.md |
| File Router | https://react-server.dev/router/file-router.md |
| Configuration | https://react-server.dev/features/configuration.md |
| Caching | https://react-server.dev/features/caching.md |
| HTTP | https://react-server.dev/features/http.md |
| Live Components | https://react-server.dev/features/live-components.md |
| Workers | https://react-server.dev/features/workers.md |
| MCP | https://react-server.dev/features/mcp.md |
| Error Handling | https://react-server.dev/features/error-handling.md |
| API Routes | https://react-server.dev/router/api-routes.md |
| Middlewares | https://react-server.dev/router/middlewares.md |
| Outlets | https://react-server.dev/router/outlets.md |
| CLI | https://react-server.dev/features/cli.md |
The skill provides Claude Code with comprehensive knowledge of:
- Use directives —
"use client","use server","use live","use worker","use cache","use dynamic","use static"and their semantics including inline (lexically scoped) usage - File-system router — page, layout, dynamic route, catch-all, outlet, middleware, API route, and MCP endpoint conventions
- Import paths — all
@lazarv/react-server/*subpath exports and their key APIs - Component patterns — server components, client components, server functions, live components, workers, and lexically scoped RSC with arbitrary server/client nesting
- HTTP hooks —
useUrl,usePathname,headers,cookie,redirect,rewrite,status,after, and more - Caching — response cache, in-memory cache, cache directive with TTL/tags/profiles, revalidation
- Configuration —
defineConfig, extension configs, mode-specific configs, JSON schema, env variables - Navigation —
Link,Refresh,ReactServerComponent, programmatic navigation viauseClient - Error handling —
ErrorBoundarycomponent and file-router error/loading conventions - Deployment — all 11 adapter targets (Vercel, Netlify, Cloudflare, AWS, Azure, Bun, Deno, Docker, Firebase, etc.)
- Advanced features — micro-frontends with
RemoteComponent, MCP server withcreateServer/createTool/createResource/createPrompt, MDX support
To update to the latest version of the skill:
npx skills add lazarv/react-server
The skill is maintained alongside the documentation and updated with each release.