zustand

Connect json-render state management to Zustand vanilla stores.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill connects json-render to Zustand so your UI generation can read and write application state through a familiar store instead of custom glue code.

Core Features & Use Cases

  • Zustand store adapter for the StateStore interface used by json-render.
  • Works with Zustand vanilla stores and supports optional selectors for mapping a slice of state into json-render.
  • Supports custom updaters for shallow merge, nested slices, or full replacement, making it useful for dashboards, editors, and other interactive apps.

Quick Start

Create a Zustand vanilla store, adapt it with zustandStateStore, and pass the result into StateProvider so json-render uses Zustand for all state updates.

Frequently Asked Questions about zustand

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

FAQPage Schema
How do I connect a Zustand store to json-render?

You can connect a Zustand store to json-render by creating a Zustand vanilla store, adapting it with the zustandStateStore adapter, and passing the result into StateProvider for UI state management.

Can I use selectors to map a slice of Zustand state into json-render?

Yes, the Zustand store adapter supports optional selectors for mapping a specific slice of your vanilla store state into json-render, allowing targeted rendering and updates for nested state slices.

Does the json-render Zustand adapter support custom updaters for nested state?

Yes, the adapter supports custom updaters for handling nested state slices, allowing you to configure shallow merges or full state replacements within your Zustand store during json-render updates.

What version of Zustand is required for the json-render state adapter?

The json-render state adapter requires Zustand v5 or higher, specifically utilizing the vanilla store architecture to power UI rendering and state updates without custom glue code.

How does json-render handle state updates with a Zustand vanilla store?

json-render handles state updates by reading and writing through the adapted Zustand vanilla store, using optional selector and updater logic to manage shallow merges, nested slices, or full state replacements.