← All skills
data-client-vue
82 / 100 · Low risk
Fine to try.
By reactive/data-client (GitHub) · coding · 2,041 stars · scanned at commit 030e750
Read, change and render async and shared state in Vue with @data-client/vue: any data from an API or other async source, and global state shared across components (it has to persist somewhere, which makes it async). Use it for loading and error states, mutations and forms, filtered or derived views, and debugging data that looks wrong or stale on screen. Use it in place of fetch in onMounted or watch, or app-wide refs and provide/inject; its main composables are useSuspense, useQuery and useCon…
Works with any agent that supports SKILL.md skills.
What this skill can do
Connects to the internet
This is disclosed by the author in the skill's SKILL.md or README.
Found in 36 places.
Show 17 more
- .agents/skills/data-client-vue/SKILL.md, line 78
const addTodoToEnd = todo => ctrl.fetch(TodoResource.getList.push, { userId: 1 }, todo); - .agents/skills/data-client-vue/SKILL.md, line 80
const deleteTodo = id => ctrl.fetch(TodoResource.delete, { id }); - .agents/skills/data-client-vue/SKILL.md, line 82
const getNextPage = (page) => ctrl.fetch(TodoResource.getList.getPage, { userId: 1, page }) - .agents/skills/data-client-vue/SKILL.md, line 93
const post = await ctrl.fetch(PostResource.getList.push, data); - .agents/skills/data-client-vue/SKILL.md, line 125
| One endpoint+args | `ctrl.fetch(endpoint, args)`: unawaited reads need no `.catch()` | - .agents/skills/data-client-vue/evals/evals.json, line 56
"prompt": "After `ctrl.fetch(TodoResource.markAllDone)` (returns no body), refresh every cached todo list. Lists are cached under many `{ userId }` filters. Kee - .agents/skills/data-client-vue/references/Controller.md, line 20
fetch(endpoint, ...args): ReturnType<E>; - .agents/skills/data-client-vue/references/Controller.md, line 58
ctrl.fetch( - .agents/skills/data-client-vue/references/Controller.md, line 80
ctrl.fetch( - .agents/skills/data-client-vue/references/Controller.md, line 105
await ctrl.fetch(PostResource.delete, { id: props.post.id }); - .agents/skills/data-client-vue/references/Controller.md, line 136
[sideEffect](https://dataclient.io/rest/api/Endpoint#sideeffect) changes how `fetch()` behaves: - .agents/skills/data-client-vue/references/Controller.md, line 194
await ctrl.fetch( - .agents/skills/data-client-vue/references/Controller.md, line 505
websocket = new WebSocket(url); - .agents/skills/data-client-vue/references/Controller.md, line 694
To act on a mutation's result, use the value `fetch()` resolves with instead of `getState()`. A - .agents/skills/data-client-vue/references/Controller.md, line 709
const post = await ctrl.fetch( - .agents/skills/data-client-vue/references/DataClientPlugin.md, line 189
<button @click="$dataClient.fetch(TodoResource.delete, { id })"> - .agents/skills/data-client-vue/references/_VoteDemo.md, line 61
ctrl.fetch(PostResource.vote, { id: props.post.id });
and 16 more places
Downloads and installs other software
The author does not mention this.
Found in 2 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'data-client-vue' ] || [ -L ~/.agents/skills/'data-client-vue' ]; then echo 'A skill folder named data-client-vue 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-vue' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/data-client-vue' ~/.agents/skills/'data-client-vue' && 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-vue' ~/.claude/skills/'data-client-vue' (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 | 82 |