[Go to site: main page, start]

IntegrationsEdit this page.md

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:

TopicURL
Server Componentshttps://react-server.dev/guide/server-components.md
Client Componentshttps://react-server.dev/guide/client-components.md
Server Functionshttps://react-server.dev/guide/server-functions.md
File Routerhttps://react-server.dev/router/file-router.md
Configurationhttps://react-server.dev/features/configuration.md
Cachinghttps://react-server.dev/features/caching.md
HTTPhttps://react-server.dev/features/http.md
Live Componentshttps://react-server.dev/features/live-components.md
Workershttps://react-server.dev/features/workers.md
MCPhttps://react-server.dev/features/mcp.md
Error Handlinghttps://react-server.dev/features/error-handling.md
API Routeshttps://react-server.dev/router/api-routes.md
Middlewareshttps://react-server.dev/router/middlewares.md
Outletshttps://react-server.dev/router/outlets.md
CLIhttps://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 hooksuseUrl, usePathname, headers, cookie, redirect, rewrite, status, after, and more
  • Caching — response cache, in-memory cache, cache directive with TTL/tags/profiles, revalidation
  • ConfigurationdefineConfig, extension configs, mode-specific configs, JSON schema, env variables
  • NavigationLink, Refresh, ReactServerComponent, programmatic navigation via useClient
  • Error handlingErrorBoundary component 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 with createServer/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.