xstate

XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.

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

SKILL.md

$27

// 1. Create an atom

const uiAtom = createAtom({ count: 0 });

// 2. Create the json-render StateStore adapter

const store = xstateStoreStateStore({ atom: uiAtom });

// 3. Use it

{/ json-render reads/writes go through @xstate/store /}

## API

### `xstateStoreStateStore(options)`

Creates a `StateStore` backed by an `@xstate/store` atom.

| Option | Type | Required | Description |

|--------|------|----------|-------------|

| `atom` | `Atom<StateModel>` | Yes | An `@xstate/store` atom (from `createAtom`) holding the json-render state model |
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