← All skills
data-client-setup
75 / 100 · Review before installing
Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.
By reactive/data-client (GitHub) · coding · 2,041 stars · scanned at commit 030e750
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 follows the bundled protocol-specific setup guide.
Works with any agent that supports SKILL.md skills.
What this skill can do
Connects to the internet
The author does not mention this.
Found in 165 places.
Show 17 more
- .agents/skills/data-client-setup/evals/evals.json, line 28
"expected_output": "Mutations go through `ctrl.fetch()` with pending state from `useLoading()`; the update drops its refetch entirely, and the create expires th - .agents/skills/data-client-setup/evals/evals.json, line 31
"The update calls `ctrl.fetch(DiscussionResource.partialUpdate, { id }, data)` (or `update`) and does not refetch, expire or invalidate the detail or the list a - .agents/skills/data-client-setup/evals/evals.json, line 32
"The create calls `ctrl.fetch(DiscussionResource.create, data)` (or equivalent POST) followed by `ctrl.expireAll(DiscussionResource.getList)`, and does not `pus - .agents/skills/data-client-setup/evals/evals.json, line 47
"Loading more calls `ctrl.fetch(<endpoint>.getPage, { discussionId, page: meta.page + 1 })`; there is no `pages.flatMap`.", - .agents/skills/data-client-setup/references/DataClientPlugin.md, line 189
<button @click="$dataClient.fetch(TodoResource.delete, { id })"> - .agents/skills/data-client-setup/references/data-client-endpoint-setup.md, line 330
ctrl.fetch(createUser, userData); - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 165
ctrl.fetch(getPosts.extend({ signal: abort.signal }), { page: 2 }); - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 184
`fetch()`. - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 187
- Data Client ignores a rejection named `AbortError`, which is what `fetch()` throws. If your SDK - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 309
`fetch(url, { signal: this.signal })`. Set it for one call with [extend()](#extend), or - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 337
({ id }) => fetch(`/users/${id}`), - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 442
ctrl.fetch(PostResource.vote, { id: post.id }); - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 607
const getUser = new Endpoint(({ id }) => fetch(`/users/${id}`)); - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 622
({ id }) => fetch(`/users/${id}`).then(res => res.json()) - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 637
({ id }) => fetch(`/users/${id}`).then(res => res.json()), - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 653
() => fetch(`/users/`).then(res => res.json()), - .agents/skills/data-client-setup/references/data-client-endpoint-setup/references/Endpoint.md, line 669
return <UserForm user={user} onSubmit={() => ctrl.fetch(UserDetail)} />;
and 145 more places
Downloads and installs other software
The author does not mention this.
Found in 14 places.
Show 11 more
- .agents/skills/data-client-setup/SKILL.md, line 106
- **OpenSkills** (`AGENTS.md` lists skills in an `<available_skills>` block): `npx openskills install reactive/data-client/.agents/skills/<skill>`, once per ski - .agents/skills/data-client-setup/SKILL.md, line 107
- **Otherwise** use the skills CLI: `npx skills add reactive/data-client --skill <skill> --skill <skill> ...` - .agents/skills/data-client-setup/evals/evals.json, line 9
"setup": "Clone alan2207/bulletproof-react at 9506629ed003a561c6627735480cce4994244bb4 and work in apps/react-vite (react-query + axios + react-query-auth, MSW - .agents/skills/data-client-setup/references/DataProvider.md, line 88
npx @anansi/cli hatch my-project - .agents/skills/data-client-setup/references/data-client-rest-setup.md, line 14
npx --no data-client-skills # pnpm exec data-client-skills, yarn data-client-skills - .agents/skills/data-client-setup/references/data-client-rest-setup.md, line 18
- If the command isn't found, the installed version predates 0.19: run `npx skills add reactive/data-client --skill data-client-rest --skill data-client-schema - .agents/skills/data-client-setup/references/data-client-rest-setup.md, line 22
After adding, removing or upgrading `@data-client/*` packages, run `npx --no data-client-skills` and commit the skill links. - .agents/skills/data-client-setup/references/data-client-rest-setup.md, line 41
2. Run the codemod before any manual edits, on the source folders (never the repo root): `npx @data-client/codemods axios-to-rest src/` (it reads TypeScript and - .agents/skills/data-client-setup/references/data-client-rest-setup/references/axios-migration.md, line 62
npx @data-client/codemods axios-to-rest src/ - .agents/skills/data-client-setup/references/data-client-rest-setup/references/axios-migration.vue.md, line 62
npx @data-client/codemods axios-to-rest src/ - .agents/skills/data-client-setup/references/installation.md, line 89
npx @anansi/cli hatch my-project
Runs commands on your computer
The author does not mention this. Expected for a coding skill.
Found in 3 places.
Safer alternatives
Low-risk skills in the same category (coding) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'data-client-setup' ] || [ -L ~/.agents/skills/'data-client-setup' ]; then echo 'A skill folder named data-client-setup already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/reactive/data-client' "$d" && git -C "$d" checkout --quiet '030e7507ec1d0dd339a0b2aac7a2a00120caf187' -- '.agents/skills/data-client-setup' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/data-client-setup' ~/.agents/skills/'data-client-setup' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'data-client-setup' ~/.claude/skills/'data-client-setup' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for reactive/data-client shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/reactive/data-client/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | 030e750 | 75 |