data-fetching

97 / 100 · Low risk

Fine to try.

By SimaDevelopment/opsiforce (GitHub) · coding · 42 stars · scanned at commit c54d8e3

Data fetching and server state for the frontend with TanStack Query v5 — queries, mutations, query keys, cache invalidation, pagination and error handling — plus calling third-party HTTP APIs from the backend. Use whenever the App makes an API request, calls /api, mutates server state, or talks to an external API.

Works with any agent that supports SKILL.md skills.

What this skill can do

Sends data to these websites: api.example.com

This is disclosed by the author in the skill's SKILL.md or README.

Found in 13 places.

agent-config/skills/data-fetching/SKILL.md, line 19| Call an external API (with API key) | `fetch`/`axios` from a NestJS service — never the frontend |
agent-config/skills/data-fetching/SKILL.md, line 28queryFn: ({ signal }) => fetch("/api/items", { signal }).then(r => r.json()),
agent-config/skills/data-fetching/SKILL.md, line 34queryFn: ({ signal }) => fetch(`/api/items/${id}`, { signal }).then(r => r.json()),

Show 10 more

agent-config/skills/data-fetching/SKILL.md, line 39Always pass `signal` to `fetch`/`axios` — TanStack cancels in-flight requests when the key changes or the component unmounts. Without it, fast typing in a searc
agent-config/skills/data-fetching/SKILL.md, line 50fetch("/api/items", {
agent-config/skills/data-fetching/SKILL.md, line 104queryFn: ({ signal }) => fetch(`/api/items/${id}`, { signal }).then(r => r.json()),
agent-config/skills/data-fetching/SKILL.md, line 186const res = await fetch(url, options)
agent-config/skills/data-fetching/SKILL.md, line 209await fetch("/api/items", {
agent-config/skills/data-fetching/SKILL.md, line 216import axios from "axios"
agent-config/skills/data-fetching/SKILL.md, line 217const api = axios.create({ baseURL: "/api", timeout: 10_000 })
agent-config/skills/data-fetching/SKILL.md, line 235const res = await fetch(`https://api.example.com/weather?q=${city}&key=${appConfig("WEATHER_KEY")}`)
agent-config/skills/data-fetching/references/advanced-patterns.md, line 46queryFn: ({ signal }) => fetch(`/api/users/${id}`, { signal }).then(r => r.json()),
agent-config/skills/data-fetching/references/advanced-patterns.md, line 67fetch(`/api/items?cursor=${pageParam ?? ""}`, { signal }).then(r => r.json()),

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'data-fetching' ] || [ -L ~/.agents/skills/'data-fetching' ]; then echo 'A skill folder named data-fetching already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/SimaDevelopment/opsiforce' "$d" && git -C "$d" checkout --quiet 'c54d8e35f50ac35b3b2c7ba8d4fca2205a740cb9' -- 'agent-config/skills/data-fetching' && mkdir -p ~/.agents/skills && cp -R "$d"/'agent-config/skills/data-fetching' ~/.agents/skills/'data-fetching' && 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-fetching' ~/.claude/skills/'data-fetching' (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 SimaDevelopment/opsiforce shows the score of its lowest-scoring skill.

SkillTrust badge for SimaDevelopment/opsiforce

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/SimaDevelopment/opsiforce.svg)](https://zalavijaysinh.github.io/skilltrust/repos/SimaDevelopment/opsiforce/)

Score history

Date	Version	Score
2026-11-08	`c54d8e3`	97