Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills.
Quickly install data-client-setup AI skill to your development environment via command line
Source: reactive/data-client.
Before installing, detect the project type and protocol by checking these files:
| "next" in dependencies | NextJS | | "expo" in dependencies | Expo | | "vue" in dependencies | Vue | | "react-native" in dependencies (no expo) | React Native | | "react" in dependencies | Plain React |
Scan the codebase to determine which data-fetching protocols are used:
Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills. Source: reactive/data-client.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/reactive/data-client --skill data-client-setupInstall and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills. Source: reactive/data-client.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/reactive/data-client --skill data-client-setup Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/reactive/data-client