Pagination
thedaviddias/Front-End-Checklist
A skill your agent uses when auditing paginated content (blog archives, product category pages, search results).
Prove the next page of a list, or the next batch of an infinite scroll, loads NEW rows from the server, repeats none, and that the end of the list is handled.
$ npx skills add reticlehq/reticle --skill verify-pagination -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install reticlehq/reticle verify-pagination --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/verify-pagination .claude/skills/verify-pagination && rm -rf skills-srcUse ~/.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/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .claude/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/reticlehq/reticle/tree/main/skills/verify-paginationType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add reticlehq/reticle --skill verify-pagination -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install reticlehq/reticle verify-pagination --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/verify-pagination .agents/skills/verify-pagination && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .agents/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add reticlehq/reticle --skill verify-pagination -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install reticlehq/reticle verify-pagination --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/verify-pagination .cursor/skills/verify-pagination && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .cursor/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/reticlehq/reticle.git --path skills/verify-pagination--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add reticlehq/reticle --skill verify-pagination -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install reticlehq/reticle verify-pagination --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/verify-pagination .gemini/skills/verify-pagination && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .gemini/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install reticlehq/reticle verify-paginationInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add reticlehq/reticle --skill verify-pagination -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/verify-pagination .github/skills/verify-pagination && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .github/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add reticlehq/reticle --skill verify-pagination -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install reticlehq/reticle verify-pagination --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/verify-pagination .opencode/skills/verify-pagination && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "verify-pagination" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/verify-pagination into .opencode/skills/verify-pagination/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "verify-pagination", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
verify-paginationProve the next page of a list, or the next batch of an infinite scroll, loads NEW rows from the server, repeats none, and that the end of the list is handled.
Verify Pagination is an agent skill from reticlehq/reticle. Prove the next page of a list, or the next batch of an infinite scroll, loads NEW rows from the server, repeats none, and that the end of the list is handled. Use when pagination or infinite scroll was added or changed, when a list shows the same rows twice or skips some, or when the last page still offers a next control.
Its SKILL.md is about 1.5k 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: AI agents can generate code, but still struggle to understand what they build. Reticle brings Jev-style machine-native runtime perception to web & desktop applications. The licence is Apache-2.0.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 178e5c0. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
curlnpxFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
docs.reticle.shFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Verify Pagination loads about 1.5k tokens when it runs. Until then it costs about 85 tokens; SKILL.md has 667 words of instructions outside code blocks.
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.
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.
The full file from reticlehq/reticle at commit 178e5c0, republished under its Apache-2.0 licence (© reticlehq). 667 words, ~1,462 tokens.
.claude/skills/verify-pagination/SKILL.md (or your agent's skills folder).A list that renders its first page proves the first request works. The second page is where the offset is off by one, the cursor is reused, the same rows come back, or the append replaces what was there. The last page is where the "Next" button still fires a request for rows that do not exist.
Reticle can check all of that in the running app, against the requests the page really made. Not installed? RETICLE_INSTALL_SOURCE=npx_skill npx @reticlehq/server@latest init, then the install-and-verify skill.
reticle_session({ action: "list" })A hidden or throttled tab can accept a click and render nothing, and an infinite scroll that loads on an intersection observer may never fire at all. If the session is not healthy, get a context that is, for example a leased tab (reticle_run({ tool: "reticle_lease", args: { action: "acquire", url } })). Otherwise report the run as blocked, not passed.
Write down what is on screen before you touch anything, or you have nothing to compare the next page against:
reticle_look({ action: "find", sessionId, by: "role", value: "row" })Use whatever the rows really are (row, listitem, article, or a testid). Keep the visible text of every row, not a sample: a repeat from the middle of page 1 is as much a bug as one from the top. If the result says it was truncated, scope the find to the list (scope: "<the list's ref>") until it is not, or say which rows you could not see.
Name what must happen before the click, not after. For numbered or next/previous pagination, the page is replaced, so the first page's rows must be gone once the new request has answered:
reticle_act_and_wait({ sessionId, ref: "<next control>", action: "click", until: { kind: "allOf", predicates: [
{ kind: "net", urlContains: "/api/items", ok: true },
{ kind: "text", contains: "<first row of page 1>", absent: true },
{ kind: "text", contains: "<last row of page 1>", absent: true },
]}})For "Load more" or infinite scroll, the page is appended, so the first page must still be there and the request must have answered. Use the action that really triggers the load: click for a "Load more" button, scrollIntoView on the list's end for a list that loads when scrolled.
reticle_act_and_wait({ sessionId, ref: "<load more button>", action: "click", until: { kind: "allOf", predicates: [
{ kind: "net", urlContains: "/api/items", ok: true },
{ kind: "text", contains: "<first row of page 1>" },
]}})If the list pages on the client (all rows arrive in one response and the page only slices them), no request fires, and a net clause would wait for one that never comes. Drop it, keep the text clauses, and say in your report that the server's paging was not exercised.
urlContains must name the list's own endpoint. A predicate that any request satisfies proves nothing about this list.
Read the rows again:
reticle_look({ action: "find", sessionId, by: "role", value: "row" })Compare the text with what you recorded in step 1:
That comparison is evidence you read, so turn the result into a verdict. Take one row that is only on the new page and assert it:
reticle_assert({ sessionId, predicate: { kind: "text", contains: "<a row only on the new page>" } })If the lists overlap, you have found the bug. Report which rows repeated, and do not report a pass.
Go to the last page (or scroll until the list stops growing) and prove the control is off:
reticle_assert({ sessionId, predicate: { kind: "anyOf", predicates: [
{ kind: "element", query: { role: "button", name: "Next" }, state: "disabled" },
{ kind: "element", query: { role: "button", name: "Next" }, absent: true },
]}})For an infinite scroll, scroll to the end once more, then let the page go quiet before you claim it asked for nothing. An observer that fires after a delay would otherwise land after a zero reading had already passed:
reticle_act({ sessionId, ref: "<the list end>", action: "scrollIntoView" })
reticle_assert({ sessionId, timeout_ms: 5000, predicate: { kind: "allOf", predicates: [
{ kind: "settled", quietMs: 1500 },
{ kind: "net", urlContains: "/api/items", count: 0 },
]}})A list that keeps requesting pages past the end is a real finding even when nothing new renders.
Only verified: "yes" is a pass. For a client-side list, a yes covers the rows you asserted and nothing about the server: say so. Say which endpoint you asserted on, and report any step you could not reach as unknown, not passed.
Capability reference: curl https://docs.reticle.sh/capabilities.md. Everything else: curl https://docs.reticle.sh/llms.txt.
© reticlehq, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/verify-pagination of reticlehq/reticle.
Open the folder on GitHubat commit 178e5c0
Verify Pagination 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Verify Pagination this skillreticlehq/reticle | 1.2k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | |
| Paginationthedaviddias/Front-End-Checklist | 74k | — | ~699 | Automated safety check: Pass | MIT | |
| Batchasgeirtj/system_prompts_leaks | 69k | — | ~1.3k | Automated safety check: Pass | CC0-1.0 | |
| Batchcodewhale-hq/Codewhale | 41k | — | ~157 | Automated safety check: Pass | MIT | |
| Pagination Accessibilitythedaviddias/Front-End-Checklist | 74k | — | ~405 | Automated safety check: Pass | MIT | |
| Batch Filesgithub/awesome-copilot | 40k | 1 repos | ~4.3k | Automated safety check: Pass | MIT |
thedaviddias/Front-End-Checklist
A skill your agent uses when auditing paginated content (blog archives, product category pages, search results).
asgeirtj/system_prompts_leaks
Research and plan a large-scale change, then execute it in parallel across 5–30 isolated worktree agents that each open a PR.
codewhale-hq/Codewhale
Break a large, parallelizable goal into bounded work units, coordinate existing agent/worktree machinery, integrate, and verify.
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Make pagination accessible.
github/awesome-copilot
Expert-level Windows batch file (.bat/.cmd) skill for writing, debugging, and maintaining CMD scripts.
QwenLM/qwen-code
Prepares many-file, single-turn transforms such as translating or rewriting as a plan, then submits it to the asynchronous, half-price DashScope Batch API through the qwen batch CLI.
reticlehq/reticle
Applies red-green TDD to behavior unit tests cannot reach, by stating the expected outcome against the running app with Reticle before writing the feature.
reticlehq/reticle
Sweeps a running web app by clicking every reachable control, then reports dead buttons, console errors, failed requests and mismatches between API data and the screen.
reticlehq/reticle
Finds why a running web app misbehaves when the console is empty and the code looks fine, by reading the click, request, store and console together.
reticlehq/reticle
Drives and verifies Electron or Tauri desktop apps through Reticle, which sees the renderer and the IPC calls that a browser-based testing tool cannot observe.
reticlehq/reticle
Finds out why a passing test suite sits on top of a broken app by comparing what the running app does with what the tests claim, using Reticle.
reticlehq/reticle
Picks up bugs a person flagged by pointing at elements in the running app, each mark carrying the element, their note and the source file and line, then fixes and verifies them.
Prove the next page of a list, or the next batch of an infinite scroll, loads NEW rows from the server, repeats none, and that the end of the list is handled. Verify Pagination is an agent skill from reticlehq/reticle. Prove the next page of a list, or the next batch of an infinite scroll, loads NEW rows from the server, repeats none, and that the end of the list is handled.
Verify Pagination fits situations like: infinite scroll was added; A list shows the same rows twice; the last page still offers a next control.
Run `npx skills add reticlehq/reticle --skill verify-pagination -a claude-code`. Or copy the skill folder (skills/verify-pagination in reticlehq/reticle) into .claude/skills/verify-pagination in your project. Claude Code loads it when a task matches its description.
Run `npx skills add reticlehq/reticle --skill verify-pagination -a codex`. Or copy the skill folder (skills/verify-pagination in reticlehq/reticle) into .agents/skills/verify-pagination in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add reticlehq/reticle --skill verify-pagination -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/verify-pagination, .gemini/skills/verify-pagination, .github/skills/verify-pagination and .opencode/skills/verify-pagination in your project.
Going by SKILL.md and its folder, Verify Pagination needs the command-line tools its instructions call (curl and npx). Our summary lists: Node.js.
SKILL.md names 1 domain. In commands or code: docs.reticle.sh; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
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.
Verify Pagination is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.5k tokens (SKILL.md is roughly 5.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Verify Pagination: Pagination (thedaviddias/Front-End-Checklist, 74k stars), Batch (asgeirtj/system_prompts_leaks, 69k stars), Batch (codewhale-hq/Codewhale, 41k stars) and Pagination Accessibility (thedaviddias/Front-End-Checklist, 74k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
reticlehq (a GitHub organization) maintains it in reticlehq/reticle, which has 1,199 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on October 9, 2026.
Source: reticlehq/reticle on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.