Where is the generated webpage saved?

The skill creates a directory named 'now-reading' in your current working directory and saves the output as 'index.html'.

Can I host the output on my own website?

Yes, the generated file is a standalone HTML document with embedded CSS and JavaScript, making it perfect for hosting on services like GitHub Pages, Vercel, or Netlify.

How far back does the reading heatmap go?

The skill attempts to fetch at least 6 months of reading activity from your archive to ensure the heatmap provides a comprehensive view of your habits.

Does this skill require a Readwise account?

Yes, you need an active Readwise Reader account and must have either the Readwise MCP tools or the Readwise CLI configured for Claude to access your data.

Is the generated design responsive?

Absolutely. The layout uses CSS Grid and Flexbox to ensure the reading log looks great on both desktop monitors and mobile devices.

Readwise Reading Log Generator

Name: Readwise Reading Log Generator
Author: 812lcl

by812lcl

0•

コンテンツ管理

Generates a beautiful, standalone 'Now Reading' webpage by syncing with your Readwise Reader library.

This skill automates the creation of a personalized reading dashboard using data fetched directly from Readwise Reader via MCP tools or the Readwise CLI. It creates a high-quality, editorial-style HTML page that features a gallery of your current reads, a GitHub-style activity heatmap covering six months of data, and a categorized list of recently finished content. Designed with a warm, sepia-toned aesthetic, it allows users to quickly generate and host a professional-looking reading log on their personal websites or portfolios.

主な機能

01GitHub-style reading activity heatmap visualizing 6 months of data

02Categorized archive with JS-powered filters for articles, books, and RSS

03Automated data fetching from Readwise Reader via MCP or CLI

040 GitHub stars

05Dynamic 'Currently Reading' gallery with progress bars and cover images

06Self-contained HTML output with responsive, editorial-grade CSS

ユースケース

01Visualizing digital reading habits and frequency over time

02Building a 'Now' page for a personal website or developer portfolio

03Generating a shareable archive of finished books and articles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 812lcl/dotfiles now-reading-page

For use in Claude.ai and ChatGPT