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.