rivetkit-client-react
The rivetkit-client-react skill provides guidance for integrating React applications with Rivet Actors using the @rivetkit/react package. It covers hook creation, actor connection, event subscription, and environment variable configuration.
Is rivetkit-client-react safe to install?
Review the source first: our audit of rivetkit-client-react's source files found 2 shell commands, 2 external URLs, no file writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill provides shell commands for package installation and references network endpoints for API connectivity.
How we audit skills: our security review methodology.
Who is this skill for?
React developers building applications that interact with Rivet Actors.
What can you do with it?
- Installing the @rivetkit/react client
- Creating hooks with createRivetKit
- Connecting to actor instances with useActor
- Managing realtime state and event subscriptions
- Configuring environment variables for Rivet connectivity
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable instructions for the React client and includes specific security advice regarding key generation.
What does the skill file contain?
# RivetKit React Client Use this skill when building React apps that connect to Rivet Actors with `@rivetkit/react`. ## First Steps 1. Install the React client (latest: 2.3.2) ```bash npm install @rivetkit/react@2.3.2 ``` 2. Create hooks with `createRivetKit()` and connect with `useActor()`. ## Error Handling Policy - Prefer fail-fast behavior by default. - Avoid `try/catch` unless absolutely needed. - If a `catch` is used, handle the error explicitly, at minimum by logging it. ## Getting Started See the [React quickstart guide](/docs/actors/quickstart/react) for getting starte...
Frequently asked questions
Which environment variables does the client read?
The client reads RIVET_ENDPOINT, RIVET_NAMESPACE, RIVET_TOKEN, and RIVET_RUNNER.
How do I prevent key injection attacks when creating actor keys?
Use arrays for compound keys instead of string interpolation.
What is the default endpoint if no environment variables are set?
The client defaults to http://localhost:6420.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
remotion-to-hyperframes
157.2KDevelopers migrating existing Remotion video projects to the HyperFrames framework
The remotion-to-hyperframes skill translates Remotion (React) video compositions into HyperFrames (HTML + GSAP) compositions. It uses a linting process to identify incompatible React patterns, maps Remotion APIs to HyperFrames equivalents, generates HTML/CSS/GSAP output, and validates the translation using SSIM-based image comparison against a tiered test corpus.
firebase-hosting-basics
97.9KDevelopers deploying static web applications, single page applications, or microservices to Firebase Hosting
This skill provides instructions and guidance for deploying web applications to Firebase Hosting. It covers configuration, deployment procedures, and local emulation for static sites and single page applications.
accessibility
33.5KWeb developers and quality assurance engineers who need to audit and improve web accessibility for WCAG 2
The accessibility skill provides guidelines and testing procedures for web accessibility based on WCAG 2.2 standards. It includes code patterns for perceivable, operable, understandable, and robust web content, alongside automated and manual testing checklists.