zustand

Wrap Zustand vanilla stores as json-render StateStore backends.

15.9k|859|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/vercel-labs/json-render --skill zustand-vercel-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: zustand
Source: https://github.com/vercel-labs/json-render/tree/main/skills/zustand
Command: npx skills add https://github.com/vercel-labs/json-render --skill zustand-vercel-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Zustand is a lightweight, scalable state container. This adapter enables json-render to use Zustand as the StateStore backend, allowing shared state between UI components and AI-generated specs.

Core Features & Use Cases

  • Adapter for Zustand vanilla store to serve as json-render's StateStore.
  • Supports read/write access via json-render's StateProvider and StateStore interface.
  • Ideal for React apps that already manage state with Zustand and want safe, predictable AI-assisted rendering.

Quick Start

Create a Zustand vanilla store, wrap it with zustandStateStore to build a json-render StateStore, and use StateProvider to enable json-render state read/write.

Frequently Asked Questions about zustand

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

FAQPage Schema
How do I use a Zustand store with json-render for state management?

To use a Zustand store with json-render state management, wrap your vanilla Zustand store with the zustandStateStore adapter function. This bridges the store to json-render's StateProvider, enabling read and write access for AI-generated specs.

What is a json-render StateStore adapter and when do I need one?

A json-render StateStore adapter connects an external state container to json-render's state interface. You need one when sharing application state between your UI components and AI-assisted rendering safely and predictably.

Does the Zustand state adapter support nested store slices?

Yes, the Zustand state adapter supports nested store slices. When you wrap a vanilla Zustand store using zustandStateStore, json-render can read and write to nested slices within the state tree.

Do I need a specific Zustand version to connect it to json-render?

Yes, you need Zustand v5 or higher to connect it to json-render. The adapter meets the json-render StateStore interface requirements and is designed for React apps using a vanilla Zustand store.

Can I use an existing React Zustand store with AI-generated specs?

Yes, you can use an existing React Zustand store with AI-generated specs by wrapping it with zustandStateStore. This allows shared state access between your components and json-render without changing your state container.