New: 98,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

Rasengan Data Fetching

by rasengan-dev in rasengan-dev/rasenganjs

Data fetching and SSG static path patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

MITAuto-check passed

Install Rasengan Data Fetching

skills CLI
$ npx skills add rasengan-dev/rasenganjs --skill rasengan-data-fetching -a claude-code

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

GitHub CLI
$ gh skill install rasengan-dev/rasenganjs rasengan-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/rasengan-dev/rasenganjs.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/rasengan-data-fetching .claude/skills/rasengan-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/

Facts

Skill name
rasengan-data-fetching
GitHub stars
124
Token cost
~938 tokens
SKILL.md length
214 words
Files
1
Skills in repo
13
Repo updated
First seen
Licence
MIT

At a glance

Data fetching and SSG static path patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

  • Adding loaders to pages
  • SKILL.md covers When to Activate, Loader Functions, Attaching a Loader to a Page… and Loader Return Type, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Generating static paths for prerendered dynamic routes

What it does

Rasengan Data Fetching is an agent skill from rasengan-dev/rasenganjs. Data fetching and SSG static path patterns for Rasengan.js. Covers LoaderFunction, route-level data fetching with params/request, loader return types (props, redirect, meta, source), defineStaticPaths, and generatePaths for SSG. Use when adding loaders to pages, generating static paths for prerendered dynamic routes, or handling data loading states.

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.

The repository describes itself as: Rasengan.js is a full-stack meta-framework for React — SSR, SSG, and a built-in backend, running anywhere from Node.js to the edge, without compromising on performance. The licence is MIT.

When your agent uses it

  • Adding loaders to pages
  • Generating static paths for prerendered dynamic routes
  • Handling data loading states

Example prompts

  • “/rasengan-data-fetching”

What it can do on your machine

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

Rasengan Data Fetching loads about 938 tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 214 words of instructions outside code blocks.

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

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 rasengan-dev/rasenganjs at commit 3fb89eb, republished under its MIT licence (© rasengan-dev). 214 words, ~938 tokens.

Download SKILL.mdSave it as .claude/skills/rasengan-data-fetching/SKILL.md (or your agent's skills folder).
name
rasengan-data-fetching
description
Data fetching and SSG static path patterns for Rasengan.js. Covers LoaderFunction, route-level data fetching with params/request, loader return types (props, redirect, meta, source), defineStaticPaths, and generatePaths for SSG. Use when adding loaders to pages, generating static paths for prerendered dynamic routes, or handling data loading states.
license
MIT
metadata.author
dilane3
metadata.framework
rasengan
metadata.version
1.0.0

Rasengan.js Data Fetching Patterns

When to Activate

  • Writing loader functions for data fetching per route
  • Handling SSR data fetching and client-side navigation loading
  • Generating static paths for prerendered dynamic routes (SSG)
  • Managing loading states and redirects from loaders
  • Passing fetched data as props to page components

Loader Functions

Loaders fetch data per route — both on server (SSR) and client (navigation):

ts
import { type LoaderFunction } from 'rasengan';

export const loader: LoaderFunction = async ({ params, request }) => {
  const data = await fetchData(params.id);
  return { props: { data }, meta: { title: 'Page Title' } };
};

Attaching a Loader to a Page Component

tsx
import { type PageComponent } from 'rasengan';

const Posts: PageComponent = () => { ... };

Posts.loader = async ({ params }) => {
  const data = await fetch(`/api/posts/${params.id}`).then(r => r.json());
  return { props: { data } };
};

export default Posts;

Loader Return Type

ts
type LoaderResult = {
  props?: Record<string, unknown>; // data passed to the page component
  redirect?: string; // URL to redirect to (302 Response)
  meta?: Partial<Metadata>; // dynamic metadata, overrides static metadata
  source?: string; // source file identifier (auto-filled for file-based)
};

Accessing Loader Data in Components

tsx
const Post: PageComponent = ({ props: { post } }) => {
  return <article>{post.title}</article>;
};

Loading States

Set a loaderComponent on the router to show during data loading:

tsx
import { RouterComponent, defineRouter } from 'rasengan';

class AppRouter extends RouterComponent {}

export default defineRouter({
  pages: [Posts],
  loaderComponent: () => <div>Loading...</div>,
})(AppRouter);

SSG Static Path Generation

For prerendered dynamic routes, export generatePaths on the page component:

tsx
const Post: PageComponent = () => {
  /* ... */
};

Post.generatePaths = async () => {
  const posts = await fetch('/api/posts').then((r) => r.json());
  return {
    paths: posts.map((post) => ({ params: { id: post.id.toString() } })),
  };
};
defineStaticPaths (config-based SSG)
ts
import { defineStaticPaths } from 'rasengan';

export default defineStaticPaths(async () => {
  const posts = await fetch('https://api.example.com/posts').then((r) =>
    r.json()
  );
  return {
    paths: posts.map((post) => ({ params: { slug: post.slug } })),
  };
});

Rules

  • Attach loader as a static .loader property on the component — do NOT export standalone
  • params contains dynamic route segment values (e.g., params.id for [id])
  • request is a Fetch API Request object (available in SSR and client navigation)
  • Return redirect to perform a server-side 302 redirect (e.g., for authentication guards)
  • Loader-returned meta overrides static .metadata on the component
  • Loaders run on the server during SSR and on the client during SPA navigations
  • generatePaths is only effective when prerender: true in rasengan.config.js
  • Each entry in paths must have params keys matching dynamic segments in the route path
  • Use loaderComponent on the router for a global loading fallback during data fetches

© rasengan-dev, MIT. 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/rasengan-data-fetching of rasengan-dev/rasenganjs.

Open the folder on GitHubat commit 3fb89eb

Compare with similar skills

Rasengan 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.

Rasengan Data Fetching compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Rasengan Data Fetching this skillrasengan-dev/rasenganjs124—~938Automated safety check: PassMIT
Azure Static Web Appsgithub/awesome-copilot40k1 repos~2.4kAutomated safety check: PassMIT
LobeHub Data Fetching Layerslobehub/lobehub83k—~1.7kAutomated safety check: PassCustom licence
Performing Android App Static Analysis With Mobsfmukul975/Anthropic-Cybersecurity-Skills34k—~1.8kAutomated safety check: PassApache-2.0
Performing Static Malware Analysis With Pe Studiomukul975/Anthropic-Cybersecurity-Skills34k—~3.3kAutomated safety check: PassApache-2.0
Packaging Static Installernetdata/netdata81k—~4.5kAutomated safety check: NotesGPL-3.0

Similar skills

  • Azure Static Web Apps

    github/awesome-copilot

    Official

    Helps create, configure, and deploy Azure Static Web Apps using the SWA CLI.

    40k GitHub starsUsed in 1 repo~2.4k tokens
    DevOps & CloudAuto-check passed

  • LobeHub Data Fetching Layers

    lobehub/lobehub

    Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

    83k GitHub stars~1.7k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Performing Android App Static Analysis With Mobsf

    mukul975/Anthropic-Cybersecurity-Skills

    Performs automated static analysis of Android applications using Mobile Security Framework (MobSF) to identify hardcoded secrets, insecure permissions, vulnerable components, weak cryptography, and…

    34k GitHub stars~1.8k tokensUpdated 1 mo ago
    SecurityAuto-check passed

  • Performing Static Malware Analysis With Pe Studio

    mukul975/Anthropic-Cybersecurity-Skills

    Performs static analysis of Windows PE malware samples using PEStudio to examine file headers, imports, strings, and resources without executing the binary, identifying packing, anti-analysis…

    34k GitHub stars~3.3k tokensUpdated 1 mo ago
    SecurityAuto-check passed

  • Packaging Static Installer

    netdata/netdata

    Build, test, review or troubleshoot Netdata static makeself installers and packaging/makeself changes.

    81k GitHub stars~4.5k tokensUpdated today
    DevOps & CloudAuto-check: notes

  • 9Router Web Fetch

    decolua/9router

    Fetches a web page through a 9Router server's web fetch endpoint and returns it as markdown, plain text or HTML, using one of several extraction providers.

    30k GitHub stars~941 tokensUpdated yesterday
    Data & AnalyticsAuto-check passed

More from rasengan-dev/rasenganjs

All 13 skills in this repo

  • Code Review Excellence

    rasengan-dev/rasenganjs

    Master effective code review practices to provide constructive feedback, catch bugs early, and foster knowledge sharing while maintaining team morale.

    124 GitHub starsUsed in 18 repos~3.3k tokens
    Auto-check passed

  • Rasengan Config

    rasengan-dev/rasenganjs

    Project configuration and rendering mode patterns for Rasengan.js.

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

  • Rasengan Deployment

    rasengan-dev/rasenganjs

    Deployment patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

    124 GitHub stars~624 tokensUpdated yesterday
    Auto-check passed

  • Rasengan Ecosystem

    rasengan-dev/rasenganjs

    Rasengan.js ecosystem package patterns. An agent skill from rasengan-dev/rasenganjs.

    124 GitHub stars~1.5k tokensUpdated yesterday
    Auto-check passed

  • Rasengan Optimizing

    rasengan-dev/rasenganjs

    Optimization patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

    124 GitHub stars~980 tokensUpdated yesterday
    Auto-check passed

  • Rasengan Pages

    rasengan-dev/rasenganjs

    Page and layout component patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

    124 GitHub stars~2.2k tokensUpdated yesterday
    Auto-check passed

Questions about Rasengan Data Fetching

What does Rasengan Data Fetching do?

Data fetching and SSG static path patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs. Rasengan Data Fetching is an agent skill from rasengan-dev/rasenganjs.js.

When should I use Rasengan Data Fetching?

Rasengan Data Fetching fits situations like: adding loaders to pages; generating static paths for prerendered dynamic routes; handling data loading states.

How do I install Rasengan Data Fetching in Claude Code?

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

How do I install Rasengan Data Fetching in Codex?

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

Can I use Rasengan 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 rasengan-dev/rasenganjs --skill rasengan-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/rasengan-data-fetching, .gemini/skills/rasengan-data-fetching, .github/skills/rasengan-data-fetching and .opencode/skills/rasengan-data-fetching in your project.

What does Rasengan Data Fetching need to run?

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

Does Rasengan 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 Rasengan 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 Rasengan Data Fetching use?

Rasengan Data Fetching is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Rasengan Data Fetching use?

About 938 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 Rasengan Data Fetching?

Skills that share tags, products or a category with Rasengan Data Fetching: Azure Static Web Apps (github/awesome-copilot, 40k stars), LobeHub Data Fetching Layers (lobehub/lobehub, 83k stars), Performing Android App Static Analysis With Mobsf (mukul975/Anthropic-Cybersecurity-Skills, 34k stars) and Performing Static Malware Analysis With Pe Studio (mukul975/Anthropic-Cybersecurity-Skills, 34k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Rasengan Data Fetching?

rasengan-dev (a GitHub organization) maintains it in rasengan-dev/rasenganjs, which has 124 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on October 7, 2026.

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