Pagination & Infinite Scroll

ReactUXPerformanceUpdated 2026-08-04

When to use: Long lists, search results, activity feeds that need both traditional pagination and modern infinite scroll.

Install
npx skills add pagination-infinite-scroll
Git Clone
git clone https://github.com/skillhub-community/pagination-infinite-scroll.git

Description

Implements two list-pagination strategies: traditional offset-based (page numbers, prev/next) and cursor-based infinite scroll with IntersectionObserver.

Both strategies restore scroll position on back-navigation and include accessible "Page X of Y" announcements for screen readers.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@perf_mia
LicenseMIT
Version1.1.0
Dependencies0