New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

JavaScript IO Effects With Sagas

by paralleldrive in paralleldrive/aidd

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks.

MITAuto-check passedDevelopment

Install JavaScript IO Effects With Sagas

skills CLI
$ npx skills add paralleldrive/aidd --skill aidd-javascript-io-effects -a claude-code

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

GitHub CLI
$ gh skill install paralleldrive/aidd aidd-javascript-io-effects --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/paralleldrive/aidd.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ai/skills/aidd-javascript-io-effects .claude/skills/aidd-javascript-io-effects && 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
aidd-javascript-io-effects
GitHub stars
384
Token cost
~587 tokens
SKILL.md length
239 words
Files
2
Skills in repo
35
Repo updated
First seen
Licence
MIT

At a glance

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks.

  • Making network requests from Redux-style state logic without calling them directly
  • SKILL.md covers call(fn, ...args) => { CALL: {…, put(action) => { PUT: Action }, Action and Saga Runtime, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Implementing or refactoring Redux sagas

What it does

The skill has the agent write JavaScript or TypeScript that isolates network I/O and side effects using sagas built from two functions. `call` takes a function plus its arguments and returns an object describing them, so the saga yields the effect instead of running it. `put` yields an action to be dispatched to the store, which is how state gets updated.

Because a saga never runs its effects itself, it stays deterministic and can be tested by driving it with `iterator.next(optionalValue)` and feeding back any result or error, which exercises each branch without mocking components. A saga driver runtime executes the effects, passes data back in and dispatches the `put` actions. Actions carry a `type` and a `payload` in Redux-style central dispatch. The excerpt includes a sign-in saga test, and a README ships in the folder.

When your agent uses it

  • Making network requests from Redux-style state logic without calling them directly
  • Implementing or refactoring Redux sagas
  • Writing deterministic tests for flows that have side effects

Example prompts

  • “Write a sign-in saga that calls the auth API and puts the result into the store.”
  • “Refactor this fetchUser function so the request goes through call and the saga stays pure.”
  • “Add a test for the saga's failure branch by passing an error back with iterator.next.”

What it can do on your machine

Read from SKILL.md and the folder at commit 9a7c8e3. 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 javascript).

    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

JavaScript IO Effects With Sagas loads about 587 tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 239 words of instructions outside code blocks.

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

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 paralleldrive/aidd at commit 9a7c8e3, republished under its MIT licence (© paralleldrive). 239 words, ~587 tokens.

Download SKILL.mdSave it as .claude/skills/aidd-javascript-io-effects/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
aidd-javascript-io-effects
description
Isolate network I/O and side effects using the saga pattern with call and put. Use when making network requests, invoking side effects, or implementing Redux sagas.

JavaScript IO Guide

Act as a top-tier software engineer with serious JavaScript/TypeScript discipline to isolate network I/O and effects using the saga pattern.

The saga pattern consists of two main functions:

  • call
  • put

call(fn, ...args) => { CALL: { fn, args } }

The call function takes a function and arguments and returns an object with those references as props. Use it to make network requests or invoke other side effects.

The saga itself never calls the effect function. Instead, it yields the effect object. This allows the saga to behave deterministically with no side-effects, allowing you to test and debug the saga without running the side effects. You can then pass any result or error back into the saga to test various branches of the saga without mocking the integrated components.

put(action) => { PUT: Action }

The put function is used to dispatch an action to the store. Use it to update the state.

Action

An action is an object with a type property and a payload property. It's used in central dispatch architectures such as Redux to update the state in a way that provides observability into semantic user intents, a complete log of user actions, along with the specific components (slices) that originated the action.

Saga Runtime

Saga driver runtime runs the sagas, handles side effects, passes data back into the saga, and dispatches put actions to the store.

Testing sagas

To test sagas, you can drive the saga by calling iterator.next(optionalValue).

e.g.

javascript
describe("signInSaga happy path", async assert => {
  const gen = signInUser();

  assert({
    given: "load user triggered",
    should: "call fetchUser with id",
    actual: gen.next().value,
    expected: call(fetchUser, "42")
  });

  const fakeUser = { id: "42", name: "Pup" };

  assert({
    given: "second yield",
    should: "put the user data into the store",
    actual: gen.next(fakeUser).value,
    expected: put(userLoaded(fakeUser))
  });

  assert({
    given: "completion",
    should: "be done",
    actual: gen.next().done,
    expected: true
  });
});

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

Files

SKILL.md and 1 other file in ai/skills/aidd-javascript-io-effects of paralleldrive/aidd.

  • SKILL.md
  • README.md

Open the folder on GitHubat commit 9a7c8e3

Compare with similar skills

JavaScript IO Effects With Sagas 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.

JavaScript IO Effects With Sagas compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
JavaScript IO Effects With Sagas this skillparalleldrive/aidd384—~587Automated safety check: PassMIT
Build with TinyBasetinyplex/tinybase5.2k—~1.6kAutomated safety check: PassMIT
Neo4j Driver Javascript Skillneo4j-contrib/neo4j-skills114—~3.5kAutomated safety check: NotesMIT
Effect TSpproenca/dot-skills214—~2kAutomated safety check: PassMIT
React ExpertJeffallan/claude-skills12k—~1.4kAutomated safety check: PassMIT
Protocol DesignerOpentrons/opentrons521—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • Build with TinyBase

    tinyplex/tinybase

    Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync.

    5.2k GitHub stars~1.6k tokensUpdated 8 days ago
    DevelopmentAuto-check passed

  • Neo4j Driver Javascript Skill

    neo4j-contrib/neo4j-skills

    Neo4j JavaScript/TypeScript Driver v6 — driver lifecycle, executeQuery, managed transactions (executeRead/executeWrite), session.run, Integer handling, JSON serialization, record access, async/await…

    114 GitHub stars~3.5k tokensUpdated today
    DevelopmentAuto-check: notes

  • Effect TS

    pproenca/dot-skills

    Effect-TS library usage in TypeScript — Effect.gen generators, Schema.Struct/Schema.Class definitions, Layer/Context.Tag/Service patterns, Effect.pipe pipelines, Data.TaggedError/Data.Class error…

    214 GitHub stars~2k tokensUpdated 1 mo ago
    DevelopmentAuto-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 4 days ago
    Frontend & DesignAuto-check passed

  • Protocol Designer

    Opentrons/opentrons

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

    521 GitHub stars~1.7k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • npm Package Comparator

    tinyfish-io/tinyfish-cookbook

    Compare two or more npm packages side by side using live data — downloads, bundle size, GitHub stars, last update, known vulnerabilities, and community sentiment.

    2.2k GitHub stars~2k tokensUpdated 6 days ago
    Frontend & DesignAuto-check passed

More from paralleldrive/aidd

All 35 skills in this repo

  • AIDD Skill Authoring Guide

    paralleldrive/aidd

    Guides creating, reviewing or refactoring AI-Driven Development skills so each one stays minimal, composable and named around a single clear function.

    384 GitHub stars~1.1k tokensUpdated 3 mo ago
    Auto-check passed

  • AIDD UI Layout Patterns

    paralleldrive/aidd

    Enforces a split of UI components into terminal and layout types, with layout components composing others through standard layout tokens, for cleaner structure and fewer re-renders.

    384 GitHub stars~562 tokensUpdated 3 mo ago
    Auto-check passed

  • Adobe Data ECS Plugin Rules

    paralleldrive/aidd

    Enforces @adobe/data/ecs practices when writing Database.Plugin definitions, including property order, plugin composition, services, components, resources and archetypes.

    384 GitHub stars~1.9k tokensUpdated 3 mo ago
    Auto-check passed

  • Error Causes Handling

    paralleldrive/aidd

    Has your agent throw and catch JavaScript and TypeScript errors with the error-causes library, using named causes, preserved originals and routed handlers.

    384 GitHub stars~1.1k tokensUpdated 3 mo ago
    Auto-check passed

  • Lit Element Authoring

    paralleldrive/aidd

    Rules for writing Lit elements in an AIDD project: binding elements on DatabaseElement, observed values, presentation components and action-style callbacks.

    384 GitHub stars~1.2k tokensUpdated 3 mo ago
    Auto-check passed

  • Epic Changelog Logger

    paralleldrive/aidd

    Adds completed epics to a changelog in reverse chronological order, one emoji-tagged line each, covering only significant user-facing work.

    384 GitHub stars~461 tokensUpdated 3 mo ago
    Auto-check passed

Works with

Categories

Questions about JavaScript IO Effects With Sagas

What does JavaScript IO Effects With Sagas do?

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks. The skill has the agent write JavaScript or TypeScript that isolates network I/O and side effects using sagas built from two functions. `call` takes a function plus its arguments and returns an object describing them, so the saga yields the effect instead of running it.

When should I use JavaScript IO Effects With Sagas?

JavaScript IO Effects With Sagas fits situations like: making network requests from Redux-style state logic without calling them directly; implementing or refactoring Redux sagas; writing deterministic tests for flows that have side effects.

How do I install JavaScript IO Effects With Sagas in Claude Code?

Run `npx skills add paralleldrive/aidd --skill aidd-javascript-io-effects -a claude-code`. Or copy the skill folder (ai/skills/aidd-javascript-io-effects in paralleldrive/aidd) into .claude/skills/aidd-javascript-io-effects in your project. Claude Code loads it when a task matches its description.

How do I install JavaScript IO Effects With Sagas in Codex?

Run `npx skills add paralleldrive/aidd --skill aidd-javascript-io-effects -a codex`. Or copy the skill folder (ai/skills/aidd-javascript-io-effects in paralleldrive/aidd) into .agents/skills/aidd-javascript-io-effects in your project. Codex loads it when a task matches its description.

Can I use JavaScript IO Effects With Sagas 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 paralleldrive/aidd --skill aidd-javascript-io-effects -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/aidd-javascript-io-effects, .gemini/skills/aidd-javascript-io-effects, .github/skills/aidd-javascript-io-effects and .opencode/skills/aidd-javascript-io-effects in your project.

What does JavaScript IO Effects With Sagas need to run?

SKILL.md names no scripts, command-line tools or credentials: JavaScript IO Effects With Sagas is instructions for the agent only.

Does JavaScript IO Effects With Sagas 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 JavaScript IO Effects With Sagas 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 JavaScript IO Effects With Sagas use?

JavaScript IO Effects With Sagas is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does JavaScript IO Effects With Sagas use?

About 587 tokens (SKILL.md is roughly 2.3k 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 JavaScript IO Effects With Sagas?

Skills that share tags, products or a category with JavaScript IO Effects With Sagas: Build with TinyBase (tinyplex/tinybase, 5.2k stars), Neo4j Driver Javascript Skill (neo4j-contrib/neo4j-skills, 114 stars), Effect TS (pproenca/dot-skills, 214 stars) and React Expert (Jeffallan/claude-skills, 12k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains JavaScript IO Effects With Sagas?

paralleldrive (a GitHub organization) maintains it in paralleldrive/aidd, which has 384 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on June 12, 2026.

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