Agent skill

Reatom Async

by reatom in reatom/reatom

Masters Reatom v1001 async flows. An agent skill from reatom/reatom.

MITAuto-check passedBackend & APIs

Install Reatom Async

skills CLI
$ npx skills add reatom/reatom --skill reatom-async -a claude-code

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

GitHub CLI
$ gh skill install reatom/reatom reatom-async --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/reatom/reatom.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/reatom-async .claude/skills/reatom-async && 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
reatom-async
GitHub stars
1.4k
Token cost
~744 tokens
SKILL.md length
328 words
Files
2
Skills in repo
4
Repo updated
First seen
Licence
MIT

At a glance

Masters Reatom v1001 async flows. An agent skill from reatom/reatom.

  • Works in 4 steps: Read only the REFERENCE.md sections that… → Prefer Reatom async patterns over… → For general Reatom modeling, use the… → …
  • Reviewing Reatom async queries
  • SKILL.md covers How to Use, Section Map, Implementation Defaults and Review Defaults
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Reatom Async is an agent skill from reatom/reatom. Masters Reatom v1001 async flows. Use when implementing, documenting, or reviewing Reatom async queries, mutations, wrap usage, withAsync, withAsyncData, withAbort, abortVar, sampling, take, onEvent, race, framePromise, Suspense, retry, caching, or race-prone UI workflows.

Its SKILL.md is about 740 tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `REFERENCE.md`).

It sits in Backend & APIs, covering Caching. The repository describes itself as: Reatom - the ultimate state manager. The licence is MIT.

When your agent uses it

  • Reviewing Reatom async queries
  • Race-prone UI workflows

Example prompts

  • “Use the reatom-async skill to master Reatom v1001 async flows. An agent skill from reatom/reatom”
  • “/reatom-async”

Workflow steps

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

  1. Read only the REFERENCE.md sections that match the task.
  2. Prefer Reatom async patterns over debounce libraries, mount-time fetches, refs, local component promise state, or manual AbortController…
  3. For general Reatom modeling, use the reatom skill. For @reatom/jsx DOM JSX specifics, use reatom-jsx. For reviews, combine this skill with…
  4. If docs, source, and tests disagree, prefer source and tests, then fix the doc/example that is stale.

What it can do on your machine

Read from SKILL.md and the folder at commit 1b853c5. 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.

    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

Reatom Async loads about 744 tokens when it runs. Until then it costs about 72 tokens; SKILL.md has 328 words of instructions outside code blocks.

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

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 reatom/reatom at commit 1b853c5, republished under its MIT licence (© reatom). 328 words, ~744 tokens.

Download SKILL.mdSave it as .claude/skills/reatom-async/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
reatom-async
description
Masters Reatom v1001 async flows. Use when implementing, documenting, or reviewing Reatom async queries, mutations, wrap usage, withAsync, withAsyncData, withAbort, abortVar, sampling, take, onEvent, race, framePromise, Suspense, retry, caching, or race-prone UI workflows.

Reatom Async

Use this skill when the task is mainly about Reatom async behavior. Treat REFERENCE.md as the bundled async source of truth.

How to Use

  1. Read only the REFERENCE.md sections that match the task.
  2. Prefer Reatom async patterns over debounce libraries, mount-time fetches, refs, local component promise state, or manual AbortController bookkeeping.
  3. For general Reatom modeling, use the reatom skill. For @reatom/jsx DOM JSX specifics, use reatom-jsx. For reviews, combine this skill with reatom-review.
  4. If docs, source, and tests disagree, prefer source and tests, then fix the doc/example that is stale.

Section Map

  • Queries and mutations: Choosing the Primitive, withAsyncData, withAsync
  • Context after await: wrap Rules
  • Cancellation: withAbort, abortVar and Fetch Signals
  • Debounce, throttle, waits, races: Sampling and Procedural Async
  • Redux-saga migration: Redux-Saga Mapping
  • Loading UI and retry: Status, Retry, Reset
  • Suspense: Suspense Boundaries
  • Code review: Common Mistakes, Tested Edge Cases

Implementation Defaults

  • Query/read data: computed(async () => ...).extend(withAsyncData({ initState })).
  • Command/mutation: action(async () => ...).extend(withAsync(...)); add withAbort(...) when stale calls must stop.
  • Every async boundary that leaves a Reatom frame uses await wrap(promise).
  • External callbacks that call Reatom state/actions are passed as wrap(fn) or wired with onEvent.
  • Abortable fetches use signal: abortVar.require().signal or a scoped abortVar.subscribe().
  • Debounce and throttle follow the sampling docs: await wrap(sleep(ms)) inside the flow plus withAbort() strategies, not split debounce helpers.
  • Route/page data belongs in route loaders or async computeds, not component effects.
  • Form submit is an async mutation: put it in reatomForm({ onSubmit }) and use field validate for async/dependent checks (debounce with await wrap(sleep(ms))), instead of hand-rolled submit actions or debounced validators.
  • Suspense is for global one-shot initialization, not dynamic page data.

Review Defaults

  • Flag unwrapped awaits before atom/action calls.
  • Flag withAsync used for query data where withAsyncData should own .data.
  • Flag withAsync without withAbort when stale command calls can update state.
  • Flag .status() without { status: true }.
  • Flag action .retry() without { cacheParams: true }.
  • Flag withCache() before withAsync() / withAsyncData().
  • Flag aborts displayed as business errors.
  • Flag raw Promise.race when loser cleanup is needed.

© reatom, 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 skills/reatom-async of reatom/reatom.

  • SKILL.md
  • REFERENCE.md

Open the folder on GitHubat commit 1b853c5

Compare with similar skills

Reatom Async 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.

Reatom Async compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Reatom Async this skillreatom/reatom1.4k—~744Automated safety check: PassMIT
Anima Cost Tuningjeremylongshore/tons-of-skills-marketplace2.8k—~1.4kAutomated safety check: PassMIT
Tanstack Query Best PracticesDeckardGer/tanstack-agent-skills2221 repos~1.2kAutomated safety check: PassMIT
Static File Servingstatic-web-server/static-web-server2.4k—~1.8kAutomated safety check: PassApache-2.0
Cloudflare Workers Performancesecondsky/claude-skills227—~1.6kAutomated safety check: PassMIT
Vercel Performance Tuningjeremylongshore/tons-of-skills-marketplace2.8k—~2.1kAutomated safety check: PassMIT

Similar skills

  • Anima Cost Tuning

    jeremylongshore/tons-of-skills-marketplace

    Optimize Anima API costs through caching, incremental generation, and tier selection.

    2.8k GitHub stars~1.4k tokensUpdated today
    Backend & APIsAuto-check passed
  • Tanstack Query Best Practices

    DeckardGer/tanstack-agent-skills

    TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management.

    222 GitHub starsUsed in 1 repo~1.2k tokens
    Backend & APIsAuto-check passed
  • Static File Serving

    static-web-server/static-web-server

    Serve static files and web assets with optimal headers, MIME types, compression, and caching for the Static Web Server (SWS) project

    2.4k GitHub stars~1.8k tokensUpdated yesterday
    Backend & APIsAuto-check passed
  • Cloudflare Workers Performance

    secondsky/claude-skills

    Cloudflare Workers performance optimization with CPU, memory, caching, bundle size.

    227 GitHub stars~1.6k tokensUpdated 11 days ago
    Backend & APIsAuto-check passed
  • Vercel Performance Tuning

    jeremylongshore/tons-of-skills-marketplace

    Optimize Vercel deployment performance with caching, bundle optimization, and cold start reduction.

    2.8k GitHub stars~2.1k tokensUpdated today
    Backend & APIsAuto-check passed
  • Tanstack Query

    secondsky/claude-skills

    TanStack Query v5 (React Query) server state management. An agent skill from secondsky/claude-skills.

    227 GitHub stars~7.9k tokensUpdated 11 days ago
    Frontend & DesignAuto-check passed

More from reatom/reatom

  • Reatom Review

    reatom/reatom

    Reviews code, docs, examples, and agent-produced changes that use Reatom.

    1.4k GitHub stars~10k tokensUpdated yesterday
    Auto-check passed
  • Reatom

    reatom/reatom

    Implements and documents Reatom v1001 (@reatom/core) using project conventions.

    1.4k GitHub stars~975 tokensUpdated yesterday
    Auto-check passed
  • Reatom Jsx

    reatom/reatom

    Implements and documents @reatom/jsx — reactive native DOM JSX.

    1.4k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

Questions about Reatom Async

What does Reatom Async do?

Masters Reatom v1001 async flows. An agent skill from reatom/reatom. Reatom Async is an agent skill from reatom/reatom. Masters Reatom v1001 async flows.

When should I use Reatom Async?

Reatom Async fits situations like: reviewing Reatom async queries; race-prone UI workflows.

How do I install Reatom Async in Claude Code?

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

How do I install Reatom Async in Codex?

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

Can I use Reatom Async 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 reatom/reatom --skill reatom-async -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/reatom-async, .gemini/skills/reatom-async, .github/skills/reatom-async and .opencode/skills/reatom-async in your project.

What does Reatom Async need to run?

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

Does Reatom Async 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 Reatom Async 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 Reatom Async use?

Reatom Async 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 Reatom Async use?

About 744 tokens (SKILL.md is roughly 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 Reatom Async?

Skills that share tags, products or a category with Reatom Async: Anima Cost Tuning (jeremylongshore/tons-of-skills-marketplace, 2.8k stars), Tanstack Query Best Practices (DeckardGer/tanstack-agent-skills, 222 stars), Static File Serving (static-web-server/static-web-server, 2.4k stars) and Cloudflare Workers Performance (secondsky/claude-skills, 227 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Reatom Async?

reatom (a GitHub organization) maintains it in reatom/reatom, which has 1,375 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on October 8, 2026.

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