# now-reading-page

Turns your Readwise Reader library into a single HTML page showing what you are reading now and what you finished recently.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 455 installs · ★ 325
- Author: readwiseio
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/readwiseio/readwise-skills/tree/HEAD/skills/now-reading-page/SKILL.md
- Updated: 2026-06-19
- HTML: https://affpapa.org/en/nevibecode/skills/now-reading-page

## What it does

The skill spawns a Task subagent that pulls documents from Readwise Reader and writes a standalone HTML file. Data comes in parallel from four locations: shortlist, later, inbox and archive. For the archive the subagent keeps paginating through `nextPageCursor` until it has roughly 350 documents, enough to cover six months of activity — skip that and the heatmap looks thin.

Results split in two. "Currently Reading" takes items with `reading_progress` between 0.05 and 0.99, sorted by `last_opened_at`. "Recently Read" takes archived items above 0.9, grouped by month. There is no "Up Next" section, so the page only shows things you actually opened or finished. The design is warm and sepia-toned: Newsreader and DM Sans from Google Fonts, cover cards with progress bars, a GitHub-style activity heatmap, and JS filter pills for Articles, Books, Tweets, RSS and Email.

Output lands in `now-reading/index.html` inside the current working directory. You need Readwise access first: either the MCP tools such as `mcp__readwise__reader_list_documents`, or the `readwise` CLI with `readwise list` and `readwise read <id>`. With neither, there is nothing to fetch — check that before running the skill.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add readwiseio/readwise-skills --skill now-reading-page -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/now-reading-page/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/now-reading-page/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add readwiseio/readwise-skills --skill now-reading-page -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/now-reading-page/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add readwiseio/readwise-skills --skill now-reading-page -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/now-reading-page/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install readwiseio/readwise-skills now-reading-page
```

2. **Manually: put the files in place**
- File: `.github/skills/now-reading-page/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add readwiseio/readwise-skills --skill now-reading-page -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/readwiseio/readwise-skills --path skills/now-reading-page
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/now-reading-page/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add readwiseio/readwise-skills --skill now-reading-page -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/readwiseio/readwise-skills/tree/HEAD/skills/now-reading-page/SKILL.md

## When to use it
- build a personal reading page from a Readwise Reader library
- show progress on half-finished articles and books
- render a six-month reading activity heatmap
- filter finished items by category: articles, books, tweets, RSS
- get a standalone HTML file with no build step

## Example prompts
- Generate my now-reading page from the Readwise library
- Build an HTML page of what I'm reading and what I finished recently
- Create now-reading/index.html and tell me how many items it has

## Similar
- [weread-year-in-review-video-template](https://affpapa.org/en/nevibecode/skills/weread-year-in-review-video-template.md) — skill · 2400 installs
- [faq-page](https://affpapa.org/en/nevibecode/skills/faq-page.md) — skill · 2700 installs
- [landing-page](https://affpapa.org/en/nevibecode/skills/jezweb-landing-page.md) — skill · 1500 installs
- [page-metadata](https://affpapa.org/en/nevibecode/skills/page-metadata.md) — skill · 1100 installs
- [page-monitoring](https://affpapa.org/en/nevibecode/skills/page-monitoring.md) — skill · 604 installs
- [datasheet-and-refmanual-reading](https://affpapa.org/en/nevibecode/skills/datasheet-and-refmanual-reading.md) — skill · 314 installs

From the same set: [readwiseio/readwise-skills](https://affpapa.org/en/nevibecode/by/readwiseio/readwise-skills.md) — 11 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md