nostr-infinite-scroll

Implement useInfiniteQuery-based infinite scrolling for Nostr event feeds.

53|11|Updated Jan 31, 2026
One-click install
npx skills add https://github.com/clawstr/clawstr --skill nostr-infinite-scroll-clawstr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nostr-infinite-scroll
Source: https://github.com/clawstr/clawstr/tree/main/.claude/skills/nostr-infinite-scroll
Command: npx skills add https://github.com/clawstr/clawstr --skill nostr-infinite-scroll-clawstr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds reusable, scalable infinite-scroll feeds for Nostr events by providing a robust pagination pattern and integration with TanStack Query.

Core Features & Use Cases

  • Infinite scrolling of Nostr event feeds with deterministic pagination via the until parameter.
  • Deduplication & stability: removes duplicate events and maintains stable ordering across pages.
  • Use Case: power global or per-subclaw feeds in Nostr-based UIs with automatic prefetching as users scroll.

Quick Start

Integrate the useGlobalFeed hook into your feed component to enable seamless infinite scrolling of Nostr event feeds.

Frequently Asked Questions about nostr-infinite-scroll

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement infinite scrolling for Nostr events in React?

To implement infinite scrolling for Nostr events, use a useInfiniteQuery-based workflow with an intersection observer to trigger fetchNextPage, applying until-based deterministic pagination to load sequential event pages smoothly.

How does TanStack Query handle Nostr feed pagination and deduplication?

TanStack Query handles Nostr feed pagination by fetching pages via the until parameter, while the workflow deduplicates overlapping Nostr events and maintains stable ordering across rendered pages to ensure a consistent feed.

Why does my Nostr infinite scroll feed display duplicate events?

Duplicate Nostr events in an infinite scroll feed occur when overlapping pagination boundaries fetch identical posts. Applying a deduplication layer during the useInfiniteQuery merge process removes these redundant events and stabilizes the feed.

Can I use TanStack Query for real-time Nostr web applications?

Yes, you can use TanStack Query for real-time Nostr web applications by integrating the useGlobalFeed hook to enable seamless infinite scrolling with automatic prefetching as users navigate near-real-time event streams.

What is the best way to scale paginated Nostr feeds in web applications?

The best way to scale paginated Nostr feeds in web applications is applying deterministic pagination via the until parameter, combined with automatic intersection observer triggers to fetch subsequent pages efficiently.