npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

coverview-skill

v0.1.0

Published

Install the CoverView cover-image agent skill into any repo so your coding agent can generate blog/social cover images.

Readme

coverview-skill

Install the CoverView cover-image agent skill into any repository so your coding agent (Claude Code and other agents that read SKILL.md skills) can generate branded blog/social cover images.

Quick start

From the root of your blog or app repo:

npx coverview-skill

That copies the skill into your project's skills directory. Then just ask your agent:

"Make a cover for my post titled Scaling Postgres to 1B Rows with a postgres icon"

The agent reads the skill and runs the bundled script for you.

What gets installed

A self-contained skill directory:

<skills-dir>/coverview-cover/
  SKILL.md                     # instructions the agent reads
  scripts/generate_cover.py    # stdlib-only; POSTs to the CoverView API
  assets/style.json            # the constant "house style"
  assets/style-blog.json       # stylish photo preset
  references/parameters.md     # every theme/pattern/font/platform option

Where it installs

By default it auto-detects:

  • ./.claude/skills if a .claude directory exists (Claude Code)
  • else ./.agents/skills if a .agents directory exists
  • otherwise it creates ./.claude/skills

Override the location:

npx coverview-skill --claude     # ./.claude/skills
npx coverview-skill --agents     # ./.agents/skills
npx coverview-skill --global     # ~/.claude/skills (all projects)
npx coverview-skill --dir=path/to/skills
npx coverview-skill --force      # overwrite an existing install

Prerequisites

  • python3 — the generator script uses the standard library only (no pip install).
  • Network access to https://cover.soumendrak.com/api (override with the COVERVIEW_API environment variable).

Using it without an agent

python3 .claude/skills/coverview-cover/scripts/generate_cover.py \
  --title "Shipping Faster with Rust" --icon rust --out cover.png

Maintainers

The canonical skill lives at .agents/skills/coverview-cover/ in the CoverView repo. npm pack / npm publish runs scripts/sync-skill.js, which copies that directory into skill/ here so the published package is self-contained.

npm run sync     # refresh the local ./skill copy
npm pack         # build a tarball to test locally