zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

INSTALLATION
npx skills add https://github.com/vercel-labs/json-render --skill zustand
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$27

// 1. Create a Zustand vanilla store

const bearStore = createStore(() => ({

count: 0,

name: "Bear",

}));

// 2. Create the json-render StateStore adapter

const store = zustandStateStore({ store: bearStore });

// 3. Use it

{/ json-render reads/writes go through Zustand /}

### With a Nested Slice

const appStore = createStore(() => ({

ui: { count: 0 },

auth: { token: null },

}));

const store = zustandStateStore({

store: appStore,

selector: (s) => s.ui,

updater: (next, s) => s.setState({ ui: next }),

});

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card