Agent skill

Nekocap Data Fetching

A skill your agent uses when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend.

GPL-3.0Auto-check passedMedia & Creative

Install Nekocap Data Fetching

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .claude/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .claude/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .agents/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .agents/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .cursor/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .cursor/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/nopol10/nekocap.git --path .agents/skills/nekocap-data-fetching

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .gemini/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .gemini/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .github/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .github/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add nopol10/nekocap --skill nekocap-data-fetching -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install nopol10/nekocap nekocap-data-fetching --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/nopol10/nekocap.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/nekocap-data-fetching .opencode/skills/nekocap-data-fetching && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "nekocap-data-fetching" agent skill from https://github.com/nopol10/nekocap/tree/master/.agents/skills/nekocap-data-fetching into .opencode/skills/nekocap-data-fetching/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nekocap-data-fetching", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: nekocap-data-fetching
GitHub stars: 105
Token cost: ~937 tokens
SKILL.md length: 373 words
Files: 1
Skills in repo: 5
Repo updated: Oct 3, 2026
First seen: Oct 7, 2026
Licence: GPL-3.0

At a glance

A skill your agent uses when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend.

Works in 3 steps: BackendProvider —… → RTK Query endpoints —… → Components — consume the generated…
Modifying an API call
SKILL.md covers The three layers, Adding a new endpoint…, Why BackendProvider? and Legacy direct async API calls, plus 3 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Nekocap Data Fetching is an agent skill from nopol10/nekocap. Use when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend. Triggers on tasks like "add an endpoint", "fetch X from the server", "wire a mutation", or "expose a new BackendProvider method".

Its SKILL.md is about 940 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative. It works with Redux and TanStack. The repository describes itself as: Browser extension for creating & uploading community captions for YouTube, niconico and other video sharing sites. The licence is GPL-3.0.

When your agent uses it

Modifying an API call
RTK Query endpoint
BackendProvider method
Any code that talks to the nekocap backend

Example prompts

“add an endpoint”
“fetch X from the server”
“wire a mutation”
“/nekocap-data-fetching”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

BackendProvider — src/common/providers/backend-provider.ts. Defines every backend method. The class is implemented for Parse + Firebase…
RTK Query endpoints — src/common/store/api.ts plus per-feature src/common/feature//api.ts. Exposes provider methods as hooks…
Components — consume the generated hooks. Never call fetch or axios directly.

What it can do on your machine

Read from SKILL.md and the folder at commit cf47362. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nekocap Data Fetching loads about 937 tokens when it runs. Until then it costs about 71 tokens; SKILL.md has 373 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~71
When it runs · the whole SKILL.md, loaded when a task matches: ~937

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nopol10/nekocap at commit cf47362, republished under its GPL-3.0 licence (© nopol10). 373 words, ~937 tokens.

Download SKILL.mdSave it as .claude/skills/nekocap-data-fetching/SKILL.md (or your agent's skills folder).

name: nekocap-data-fetching
description: Use when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend. Triggers on tasks like "add an endpoint", "fetch X from the server", "wire a mutation", or "expose a new BackendProvider method".

This skill covers how nekocap talks to its backend. All API access goes through the BackendProvider abstraction so the same code works in the Next.js web app and in the extension (where the actual request is proxied through the background script).

The three layers

BackendProvider — src/common/providers/backend-provider.ts. Defines every backend method. The class is implemented for Parse + Firebase. Add new methods here first.
RTK Query endpoints — src/common/store/api.ts plus per-feature src/common/feature/<name>/api.ts. Exposes provider methods as hooks (useGetFooQuery, useUpdateFooMutation).
Components — consume the generated hooks. Never call fetch or axios directly.

Adding a new endpoint (preferred path: RTK Query)

Add the method to BackendProvider in src/common/providers/backend-provider.ts and its Parse/Firebase implementations.

Expose it via RTK Query using the helpers in src/common/store/api.ts:

// src/common/feature/<name>/api.ts
import { nekocapApi } from "@/common/store/api";
import { nekocapQueryMaker, nekocapMutationMaker } from "@/common/store/api";

export const fooApi = nekocapApi.injectEndpoints({
  endpoints: (builder) => ({
    getFoo: nekocapQueryMaker(builder, "getFoo"),
    updateFoo: nekocapMutationMaker(builder, "updateFoo"),
  }),
});

export const { useGetFooQuery, useUpdateFooMutation } = fooApi;

The "getFoo" string must match the BackendProvider method name exactly — the helpers are typed against BackendProvider<RootState>, so a typo will fail to compile.

Use the generated hooks in components.

Why `BackendProvider`?

The extension's content script can't make arbitrary network requests directly under MV3 — they're proxied through the background service worker via ChromeMessageType.ProviderRequest (see src/common/types.ts and the nekocap-extension-messaging skill). Going through BackendProvider keeps that proxy transparent. Bypassing it with fetch / axios breaks the extension silently.

Legacy direct async API calls

Files like searchCaptionsApi (in src/common/feature/search/api.ts) exist as plain async functions and predate RTK Query. They still work — don't rewrite them unprompted. New code uses RTK Query.

Show full SKILL.md (146 more words)Show less

TanStack React Query coexistence

@tanstack/react-query is also installed (used by ServerReactQueryProvider for some web-only flows). Don't add new React Query usage in shared code — prefer RTK Query so the call works inside the extension too.

When you change X, also check Y

If you change…	Also verify…
`BackendProvider` method signature	All RTK Query endpoints referencing it (generics may mislead — check at the call site)
A method's return type	Components consuming the hook still typecheck
Add a method	Both Parse and Firebase implementations added (or one is intentionally a stub)

Anti-patterns

Don't call fetch / axios / raw Parse.Cloud.run directly from a component. Do route through BackendProvider + RTK Query.
Don't add a method to a provider implementation without adding it to the abstract BackendProvider first.
Don't use TanStack React Query for new shared code — use RTK Query.
Don't rename the BackendProvider method without renaming the matching nekocapQueryMaker(builder, "name") string.

Files

Just SKILL.md in .agents/skills/nekocap-data-fetching of nopol10/nekocap.

Open the folder on GitHubat commit cf47362

Compare with similar skills

Nekocap Data Fetching next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nekocap Data Fetching compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Nekocap Data Fetching this skillnopol10/nekocap	105	—	~937	Automated safety check: Pass	GPL-3.0	6 days ago
React Native Mmkvmargelo/react-native-skills	175	—	~2.1k	Automated safety check: Pass	MIT	1 mo ago
Workflows Management Jest Testingelastic/kibana	21k	—	~1.3k	Automated safety check: Pass	Custom licence	today
React Native State ManagementHoangNguyen0403/agent-skills-standard	571	—	~484	Automated safety check: Pass	MIT	today
React State Managementinvolvex/youtube-music-cli	456	13 repos	~3k	Automated safety check: Pass	MIT	yesterday
Bm Mdmiantiao-me/bm.md	617	—	~2.1k	Automated safety check: Pass	LGPL-3.0	10 days ago

Similar skills

React Native Mmkv
margelo/react-native-skills
Fast synchronous key-value storage for React Native via react-native-mmkv (Nitro-backed).
175 GitHub stars~2.1k tokensUpdated 1 mo ago
MobileAuto-check passed
Workflows Management Jest Testing
elastic/kibana
Official
Use the shared TestProvider in workflowsmanagement Jest tests instead of hand-wiring KibanaContextProvider, QueryClientProvider, WorkflowsContextProvider, MemoryRouter, I18nProvider, and the Redux…
21k GitHub stars~1.3k tokensUpdated today
Testing & QAAuto-check passed
React Native State Management
HoangNguyen0403/agent-skills-standard
Implement local and global state with Context, Zustand, and Redux Toolkit in React Native.
571 GitHub stars~484 tokensUpdated today
MobileAuto-check passed
React State Management
involvex/youtube-music-cli
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.
456 GitHub starsUsed in 13 repos~3k tokens
Frontend & DesignAuto-check passed
Bm Md
miantiao-me/bm.md
使用 bm.md 写作、改写、排版或渲染 Markdown；生成 Mermaid 与 AntV Infographic，设置图片尺寸、高亮重点，以及执行 HTML/纯文本转换和 Markdown lint
617 GitHub stars~2.1k tokensUpdated 10 days ago
Media & CreativeAuto-check passed
React Expert
Jeffallan/claude-skills
Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.
12k GitHub stars~1.4k tokensUpdated 6 days ago
Frontend & DesignAuto-check passed

More from nopol10/nekocap

Nekocap Extension Messaging
nopol10/nekocap
A skill your agent uses when modifying communication between the extension's background, content, popup, or canvas-iframe processes — adding or renaming a ChromeMessageType, changing the manifest's…
105 GitHub stars~1.4k tokensUpdated 6 days ago
Auto-check passed
Nekocap Forms I18n
nopol10/nekocap
A skill your agent uses when building or modifying a form, binding inputs, adding validation, or adding/changing any user-facing string in the nekocap frontend.
105 GitHub stars~1.1k tokensUpdated 6 days ago
Auto-check passed
Nekocap Redux Feature
nopol10/nekocap
A skill your agent uses when adding or modifying a Redux feature folder in the nekocap frontend — creating slices, writing sagas, defining selectors, changing persisted state shape, or touching…
105 GitHub stars~939 tokensUpdated 6 days ago
Auto-check passed
Nekocap Runtime Cautions
nopol10/nekocap
A skill your agent uses when working on Next.js routing/middleware, error handling, Sentry/logging, user-facing notifications, performance-sensitive paths (Octopus subtitle renderer, large lists…
105 GitHub stars~1.4k tokensUpdated 6 days ago
Auto-check passed

Works with

Questions about Nekocap Data Fetching

What does Nekocap Data Fetching do?

A skill your agent uses when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend. Nekocap Data Fetching is an agent skill from nopol10/nekocap. Use when adding or modifying an API call, RTK Query endpoint, BackendProvider method, or any code that talks to the nekocap backend.

When should I use Nekocap Data Fetching?

Nekocap Data Fetching fits situations like: modifying an API call; RTK Query endpoint; backendProvider method; any code that talks to the nekocap backend.

How do I install Nekocap Data Fetching in Claude Code?

Run `npx skills add nopol10/nekocap --skill nekocap-data-fetching -a claude-code`. Or copy the skill folder (.agents/skills/nekocap-data-fetching in nopol10/nekocap) into .claude/skills/nekocap-data-fetching in your project. Claude Code loads it when a task matches its description.

How do I install Nekocap Data Fetching in Codex?

Run `npx skills add nopol10/nekocap --skill nekocap-data-fetching -a codex`. Or copy the skill folder (.agents/skills/nekocap-data-fetching in nopol10/nekocap) into .agents/skills/nekocap-data-fetching in your project. Codex loads it when a task matches its description.

Can I use Nekocap Data Fetching in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nopol10/nekocap --skill nekocap-data-fetching -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nekocap-data-fetching, .gemini/skills/nekocap-data-fetching, .github/skills/nekocap-data-fetching and .opencode/skills/nekocap-data-fetching in your project.

What does Nekocap Data Fetching need to run?

SKILL.md names no scripts, command-line tools or credentials: Nekocap Data Fetching is instructions for the agent only.

Does Nekocap Data Fetching access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Nekocap Data Fetching safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Nekocap Data Fetching use?

Nekocap Data Fetching is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Nekocap Data Fetching use?

About 937 tokens (SKILL.md is roughly 3.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nekocap Data Fetching?

Skills that share tags, products or a category with Nekocap Data Fetching: React Native Mmkv (margelo/react-native-skills, 175 stars), Workflows Management Jest Testing (elastic/kibana, 21k stars), React Native State Management (HoangNguyen0403/agent-skills-standard, 571 stars) and React State Management (involvex/youtube-music-cli, 456 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nekocap Data Fetching?

nopol10 (a GitHub user) maintains it in nopol10/nekocap, which has 105 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 3, 2026.

Source: nopol10/nekocap on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Nekocap Data Fetching

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

The three layers

Adding a new endpoint (preferred path: RTK Query)

Why BackendProvider?

Legacy direct async API calls

TanStack React Query coexistence

When you change X, also check Y

Anti-patterns

Files

Compare with similar skills

Similar skills

More from nopol10/nekocap

Related

Questions about Nekocap Data Fetching

Why `BackendProvider`?