Agent skill

Nekocap Redux Feature

by nopol10 in 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…

GPL-3.0Auto-check passedFrontend & Design

Install Nekocap Redux Feature

skills CLI
$ npx skills add nopol10/nekocap --skill nekocap-redux-feature -a claude-code

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

GitHub CLI
$ gh skill install nopol10/nekocap nekocap-redux-feature --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-redux-feature .claude/skills/nekocap-redux-feature && 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/

Facts

Skill name
nekocap-redux-feature
GitHub stars
105
Token cost
~939 tokens
SKILL.md length
343 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
GPL-3.0

At a glance

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…

  • Modifying a Redux feature folder in the nekocap frontend — creating slices
  • SKILL.md covers Canonical feature-folder shape, Always wrap sagas in safe(), Selectors and Persisted state — handle with…, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Defining selectors

What it does

Nekocap Redux Feature is an agent skill from nopol10/nekocap. Use when adding or modifying a Redux feature folder in the nekocap frontend — creating slices, writing sagas, defining selectors, changing persisted state shape, or touching redux-logger / reduxed-chrome-storage wiring.

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 Frontend & Design, covering State management. It works with Redux. 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 a Redux feature folder in the nekocap frontend — creating slices
  • Defining selectors
  • Changing persisted state shape
  • Touching redux-logger / reduxed-chrome-storage wiring

Example prompts

  • “/nekocap-redux-feature”

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 Redux Feature loads about 939 tokens when it runs. Until then it costs about 60 tokens; SKILL.md has 343 words of instructions outside code blocks.

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

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). 343 words, ~939 tokens.

Download SKILL.mdSave it as .claude/skills/nekocap-redux-feature/SKILL.md (or your agent's skills folder).
name
nekocap-redux-feature
description
Use when adding or modifying a Redux feature folder in the nekocap frontend — creating slices, writing sagas, defining selectors, changing persisted state shape, or touching redux-logger / reduxed-chrome-storage wiring.

This skill covers the Redux Toolkit + redux-saga conventions used in src/common/feature/<name>/ and the rules around state that gets persisted to chrome.storage.local.

Canonical feature-folder shape

Mirror src/common/feature/login/ when adding a new feature. The expected files, in this order:

src/common/feature/<name>/
  action-types.ts    String constants for action types
  actions.ts         createAction / createSignal definitions
  reducers.ts        createReducer slice
  sagas.ts           takeLatest/takeEvery wired to actions
  selectors.ts       Reselect-style selectors
  types.ts           Local state shape + payload types
  utils.ts           (optional) feature-local helpers
  containers/        (optional) connected components
  api.ts             (optional) RTK Query endpoints — see nekocap-data-fetching skill

Don't invent a different layout. Don't merge files. Don't put the slice inline in a component.

Always wrap sagas in safe()

src/common/redux-utils.ts exports safe():

ts
import { takeLatest } from "redux-saga/effects";
import { safe } from "@/common/redux-utils";

function* mySaga(action) { /* ... */ }
export default [takeLatest(myAction.REQUEST, safe(mySaga))];

An unwrapped saga that throws kills the entire saga middleware silently. safe() catches and logs via console.error. Every takeLatest / takeEvery registration goes through it.

Selectors

Define selectors in selectors.ts with descriptive names (loginSelector, userDataSelector, searchResultsSelector). Import them by name in components:

ts
const user = useSelector(userDataSelector);

Do not reach into state.someSlice.x directly in components or other sagas — that creates an untracked coupling that breaks silently when slice shape changes.

Persisted state — handle with care

Redux state is persisted to chrome.storage.local via reduxed-chrome-storage. Store wiring is in src/common/store/store.tsx.

Changing the shape of a persisted slice is a breaking change. Existing users have old state in their browser storage. When you rename a field or change a type:

  • Either add a migration in the persist config, or
  • Accept that affected users will see their state reset (and confirm that's acceptable for the slice in question).

Some slices are intentionally cleared on extension startup (transient UI state). Before moving startup-clear logic, read src/common/store/store.tsx to understand which slices are expected to survive a reload and which aren't.

redux-logger gate

redux-logger is enabled in dev only:

ts
process.env.PRODUCTION ? undefined : logger

Don't enable it in production. Don't replace the gate with a different env check.

When you change X, also check Y

If you change…Also verify…
Persisted slice shapeMigration added or user-state-reset accepted
Saga error handlingStill wrapped in safe()
Action typesAll takeLatest / takeEvery registrations still match
SelectorsNo component is reading state.x directly anymore

Anti-patterns specific to Redux features

  • Don't write a saga without safe().
  • Don't invent a new feature-folder layout. Mirror src/common/feature/login/.
  • Don't call Redux actions directly from a saga — use put() from redux-saga/effects.
  • Don't access slice state directly in components. Use a selector.
  • Don't change persisted shape without a migration plan.

© nopol10, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/nekocap-redux-feature of nopol10/nekocap.

Open the folder on GitHubat commit cf47362

Compare with similar skills

Nekocap Redux Feature 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 Redux Feature compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nekocap Redux Feature this skillnopol10/nekocap105—~939Automated safety check: PassGPL-3.0
React State Managementinvolvex/youtube-music-cli45613 repos~3kAutomated safety check: PassMIT
Frontendredis/RedisInsight8.9k—~3.2kAutomated safety check: PassCustom licence
React ExpertJeffallan/claude-skills12k—~1.4kAutomated safety check: PassMIT
Sentry React SDKgetsentry/sentry-for-ai268—~4.8kAutomated safety check: PassApache-2.0
Protocol DesignerOpentrons/opentrons523—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • 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
  • Frontend

    redis/RedisInsight

    Official

    React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

    8.9k GitHub stars~3.2k tokensUpdated 6 days ago
    Frontend & DesignAuto-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 7 days ago
    Frontend & DesignAuto-check passed
  • Sentry React SDK

    getsentry/sentry-for-ai

    Official

    Full Sentry SDK setup for React. An agent skill from getsentry/sentry-for-ai.

    268 GitHub stars~4.8k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Protocol Designer

    Opentrons/opentrons

    Protocol Designer (PD) application architecture, Redux slices, step/timeline system, domain concepts, and dev workflow.

    523 GitHub stars~1.7k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Reduce System Complexity

    citypaul/.dotfiles

    Reduce total mechanism in a selected existing system or behavior path while conserving its agreed observable behavior and non-functional guarantees.

    740 GitHub stars~4.1k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

More from nopol10/nekocap

  • Nekocap Data Fetching

    nopol10/nekocap

    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.

    105 GitHub stars~937 tokensUpdated 7 days ago
    Auto-check passed
  • 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 7 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 7 days ago
    Auto-check passed
  • 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 7 days ago
    Auto-check passed

Works with

Questions about Nekocap Redux Feature

What does Nekocap Redux Feature do?

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…. Nekocap Redux Feature is an agent skill from nopol10/nekocap. Use when adding or modifying a Redux feature folder in the nekocap frontend — creating slices, writing sagas, defining selectors, changing persisted state shape, or touching redux-logger / reduxed-chrome-storage wiring.

When should I use Nekocap Redux Feature?

Nekocap Redux Feature fits situations like: modifying a Redux feature folder in the nekocap frontend — creating slices; defining selectors; changing persisted state shape; touching redux-logger / reduxed-chrome-storage wiring.

How do I install Nekocap Redux Feature in Claude Code?

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

How do I install Nekocap Redux Feature in Codex?

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

Can I use Nekocap Redux Feature 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-redux-feature -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-redux-feature, .gemini/skills/nekocap-redux-feature, .github/skills/nekocap-redux-feature and .opencode/skills/nekocap-redux-feature in your project.

What does Nekocap Redux Feature need to run?

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

Does Nekocap Redux Feature 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 Redux Feature 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 Redux Feature use?

Nekocap Redux Feature 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 Redux Feature use?

About 939 tokens (SKILL.md is roughly 3.8k 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 Redux Feature?

Skills that share tags, products or a category with Nekocap Redux Feature: React State Management (involvex/youtube-music-cli, 456 stars), Frontend (redis/RedisInsight, 8.9k stars), React Expert (Jeffallan/claude-skills, 12k stars) and Sentry React SDK (getsentry/sentry-for-ai, 268 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nekocap Redux Feature?

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.