Pagination & Infinite Loading

What it does

Chooses and implements pagination, load-more and infinite-loading patterns without breaking URL state or crawlability.

When to use it

Use for search results, feeds and catalogues, and fixing endless-scroll accessibility or performance problems.

Problems it prevents

Stops infinite scroll that loses scroll position on back-navigation, or hides content search engines can never reach.

Typical workflow

1. Choose the model (page, load-more, infinite)
2. Define the data contract
3. Preserve URL and scroll-restoration state
4. Verify crawlability and focus after load

Example output

A paginated collection where the back button returns to the exact scroll position, and every page is a real, crawlable URL.

What's included

1. 01
   The complete prompt

   The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

2. 02
   Install walkthrough

   Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

3. 03
   Use notes

   How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Works well with

• FocusedBreadcrumbs & Wayfinding

  Implements accurate, accessible hierarchical breadcrumbs with correct BreadcrumbList structured data.

• SystemPerformance

  Measures and improves loading, Core Web Vitals, images, fonts, JavaScript and animation cost on real devices.

• FocusedSite Search

  Designs secure, accessible, useful search: result ranking, filters, autocomplete and a real no-result recovery.