SkillFoxx

Reactive Data Client plugin

The Reactive Data Client plugin teaches Claude Code, Cursor and Codex to add the library and work with schemas, REST and hooks.

  • 2,041 ★ on the repository
  • Last commit
  • Apache-2.0
Plugin

Minimal access

Why this level

  • The setup skill runs a package manager and edits `package.json`; everything else is read-only.
All reasons and checks

reactive/data-clientAuthor:reactive

Install

Manual install

npx skills add reactive/data-client --skill data-client-setup -y

Installs the setup skill, then the agent reads `.agents/skills/data-client-setup/SKILL.md`.

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The setup skill runs a package manager and edits `package.json`; everything else is read-only.

This is third-party code. Review the repository files before installing.

What it does

The plugin carries two skills. `data-client` starts any task in an app that uses Data Client and sends the agent to the right skill: schemas, REST endpoints, React hooks, Vue composables, tests, real-time managers. `data-client-setup` runs on request: it detects the framework (NextJS, Expo, React Native, Vue, plain React) and the protocol (REST, GraphQL, other async code), states which packages it will install and adds the provider. The other skills ship inside the `@data-client/*` packages, so they match the installed version. The setup skill links them into the project's `.agents/skills` folder with `npx --no data-client-skills`. The plugin has no hooks, MCP servers or scripts of its own and sends no data anywhere.

Who it is for. React and Vue developers who hand server data to an agent: fetching, caching, mutations and real-time updates.

Good fit when

  • A NextJS project gets a server-data cache and the agent picks the packages itself.
  • A REST endpoint is described with a schema so mutations update a list without manual functions.
  • An agent writes component tests that use the data hooks by the library's rules.
  • A project moves to version 0.19, where skills ship with the packages.

Not a fit when

  • The project uses another server-state library and will not switch.
  • The agent is not allowed to run a package manager.
  • You need an API reference only, not agent-driven setup.

Example request

Add Data Client to this NextJS project and describe the task-list endpoint with a schema, then list the packages you added.

Limitations

The skills cover Data Client only. The setup skill runs a package manager and installs `@data-client/*` packages, so review changes to `package.json` and the lock file. Projects on versions older than 0.19 install the skills with the `skills` CLI. The plugin connects to Claude Code, Cursor and Codex with different commands, with no single one for all.

How to disable. Remove the plugin with your agent's commands and delete the links in `.agents/skills` if the setup skill created them. Uninstall the `@data-client/*` packages with a package manager.

FAQ

How is the plugin added to Claude Code?

Run `claude plugin marketplace add reactive/data-client --scope project --sparse .claude-plugin .agents/skills`, then `claude plugin install data-client@data-client --scope project`.

How is it installed in Cursor and Codex?

In Cursor, type `/add-plugin data-client@https://github.com/reactive/data-client` in the agent chat. Codex uses the pair `codex plugin marketplace add` and `codex plugin add data-client@data-client`.

What does the setup skill run?

The project's package manager and the `data-client-skills` command from the installed packages. It works only with what is already installed and downloads nothing.

Does the plugin send data?

No. It has no hooks, MCP servers or scripts of its own, and nothing leaves the machine.

How is setup started manually?

`/data-client:data-client-setup` in Claude Code, `/data-client-setup` in Cursor, `$data-client:data-client-setup` in Codex.

Discussion

No questions or reviews yet.

Plugins

Ties a running frontend to an agent: a click leads to the source line, and the agent sees live DOM, props and state.

PluginExtended access195

A CLI that lets an agent inspect a running React app: component tree, props, state, hooks and render profiling

CLIExtended access252

Annotation toolbar for React pages: click an element to hand the agent its selector and context, plus skills for setup and an autonomous UI critique

SkillExtended access5.4K

A plugin of 30 skills for Vue, Nuxt and NuxtHub for Claude Code, Codex, Cursor and Copilot, with the Nuxt MCP server attached

PluginMinimal access723
Editors’ pick

Official Claude Code plugin from the Next.js repo: adopting Cache Components and Partial Prefetching, and verifying changes on a running dev server

PluginExtended access143.5K
Official

ReactUse MCP server: the agent finds the right React hook and reads its description, example and API table straight from the library

MCP serverExtended access1.1K

README in short

The Coding agent setup section suggests pasting a request into the agent chat so it installs the setup skill and reads it. Commands for the Claude Code, Cursor and Codex plugin follow.

README badge

Report a problem