jotai

Connect json-render state management to a writable Jotai atom.

Updated Jun 24, 2026
One-click install
npx skills add https://github.com/hasnaxyz/open-render --skill jotai-hasnaxyz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jotai
Source: https://github.com/hasnaxyz/open-render/tree/main/skills/jotai
Command: npx skills add https://github.com/hasnaxyz/open-render --skill jotai-hasnaxyz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of wiring json-render to a React state layer when you want rendered UI, user actions, and app state to stay in sync through Jotai.

Core Features & Use Cases

  • Atom-backed state storage: Connect json-render to a writable Jotai atom as the underlying state backend.
  • Shared application state: Reuse an existing Jotai store so json-render and your own components read and write the same state.
  • React integration: Fit json-render into React apps that already rely on Jotai for local or shared UI state.

Quick Start

Use the jotai skill to connect a writable Jotai atom to json-render and share the same state with your React application.

Frequently Asked Questions about jotai

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Can I use an existing Jotai store with json-render components?

Yes, you can reuse an existing Jotai store so json-render and your own React components read and write the same shared application state. This requires a writable atom and the StateStore adapter interface exposed by @json-render/jotai.

What do I need to integrate json-render state management with Jotai?

Integrating json-render state management with Jotai requires a writable Jotai atom, an optional shared Jotai store, and the StateStore adapter interface exposed by @json-render/jotai to fit into your React app.

Why use a Jotai atom for json-render state synchronization?

Using a Jotai atom for json-render state synchronization removes the friction of wiring rendered UI, user actions, and app state to a React state layer. It ensures UI state stays perfectly in sync through Jotai providers.

Does json-render state management work without a shared Jotai store?

Yes, json-render state management works without a shared Jotai store by connecting directly to a local writable Jotai atom. A shared store is optional and only needed when coordinating state across multiple independent components.