Skip to content
AI Primer

rivetkit-client-react

rivet-devby rivet-dev19 days ago14

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.

Install

npx skills add https://github.com/rivet-dev/skills --skill rivetkit-client-react
Show step-by-step
  1. 1

    Open your terminal

    • Mac: Press ⌘ Space, type "Terminal", press Enter
    • Windows: Press Win R, type "cmd", press Enter
  2. 2

    Paste the command above and press Enter

    Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).

  3. 3

    Restart Claude Code

    Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives
~/.claude/skills/rivet-dev--skills--rivetkit-client-react/
├── SKILL.md
└── ... (skill resource files)
View on GitHub

Always review skill code before installing. Third-party skills may contain scripts that run on your machine.

First 2 tasks to try

  1. 1Install the React client (latest:
    2.3.0-rc.5) ```bash npm install @rivetkit/react@2.3.0-rc.5 ```
  2. 2Create hooks with createRivetKit() and connect with useActor().
    Create hooks with `createRivetKit()` and connect with `useActor()`.

Related skills