skills.rest
nikbrunner
nikbrunnerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

now-reading-page

Generate a standalone HTML page from Readwise Reader data with Currently Reading and Recently Read sections.

Updated Jun 17, 2025
Search Tags:#html#webpage#readwise#now-reading#reading-progress#personal-site
One-click install
npx skills add https://github.com/nikbrunner/dots --skill now-reading-page-nikbrunner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: now-reading-page
Source: https://github.com/nikbrunner/dots/tree/main/common/.agents/skills/now-reading-page
Command: npx skills add https://github.com/nikbrunner/dots --skill now-reading-page-nikbrunner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate a personal Now Reading webpage from your Reader library to share your reading progress.

Core Features & Use Cases

  • Generate a standalone HTML page that showcases what you're reading now and what you've recently finished.
  • Fetch data from Readwise (via MCP tools if available, otherwise CLI equivalents) and render a single index.html at now-reading/index.html with a warm, editorial design.
  • Organize content into "Currently Reading" and "Recently Read" sections, with optional heatmap data for activity.

Quick Start

Open your project and run the subagent workflow to build now-reading/index.html from your Reader library.

Frequently Asked Questions about now-reading-page

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

FAQPage Schema
How do I create a personal Now Reading webpage from my Readwise Reader library?▼

You can generate a Now Reading webpage by running the subagent workflow, which fetches your reading progress data from Readwise and renders a single index.html file featuring a warm, editorial parchment design.

Can I fetch Readwise reading progress data using MCP tools?▼

Yes, the workflow fetches Readwise data via MCP tools if they are available, falling back to Readwise CLI equivalents to aggregate your currently reading and recently read items for the HTML output.

What is the best way to share my reading progress as a standalone HTML page?▼

Generating a single index.html file at now-reading/index.html is the best way to share your reading progress, organizing content into Currently Reading and Recently Read sections with an optional activity heatmap.

Does the Now Reading page generation require any external dependencies?▼

No external dependencies are required, but the Skill needs access to your Readwise library via either MCP tools or the Readwise CLI to fetch the reading data for the HTML output.

What sections are included when building a Now Reading webpage?▼

The generated webpage organizes your Readwise library data into two main sections: Currently Reading items and Recently Read items, rendered with a polished HTML and CSS warm parchment design.

Related Skills

Explore More Content & Communication Skills→
robertbr123robertbr123

mcporter

Manage MCP servers and tools via the mcporter CLI.

Community
Intermediate
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
aarushlohitaarushlohit

taste-minimalist

Generate minimalist editorial web interfaces with CSS and HTML.

Community
Intermediate
nikbrunnernikbrunner

highlight-graph

Build an interactive HTML graph of Readwise highlights grouped by book.

Community
Intermediate