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

@urmzd/github-insights

v3.3.0

Published

<p align="center"> <h1 align="center">GitHub Insights</h1> <p align="center"> Generate beautiful SVG insights visualizations for your GitHub profile README. <br /><br /> <a href="https://github.com/urmzd/github-insights/releases">Install</

Readme

Showcase

Run github-insights generate locally for a full TUI experience with live phase tracking, spinners, and timing for each pipeline step.

Features

  • Composable sections — pick and order sections (spotlight, velocity, rhythm, constellation, portfolio, impact) or use a preset
  • Spotlight — surfaces your most active projects using a composite heat score (commits, recency, stars)
  • Language Velocity — streamgraph showing how your language usage has evolved over the past year
  • Contribution Rhythm — radar chart revealing day-of-week commit patterns, plus stats (commits, PRs, reviews, streak)
  • Project Constellation — visual map of projects positioned by language ecosystem and complexity, with connections between related repos
  • Portfolio — full project list in a collapsible <details> tag, grouped by AI-classified category
  • Open Source Impact — external contributions sorted by repo star count with logarithmic impact bars
  • AI preamble generation — auto-generated profile introduction (or supply your own PREAMBLE.md)
  • AI project classification — repos classified by status (active/maintained/inactive) and purpose (Developer Tools/SDKs/Applications/Research)
  • CLI / TUI — local generation with an interactive terminal UI (Ink-based), live progress, and phase timing; powered by Commander with init and generate subcommands
  • Config validationgithub-insights.yml validated with Zod; invalid values are silently ignored with sensible defaults
  • Exclude archived repos — archived repositories are excluded from the portfolio by default (exclude_archived: true)
  • Social badges — auto-detected from your GitHub profile (website, Twitter, LinkedIn, etc.)
  • Dual theme — SVGs automatically adapt to GitHub's light and dark mode via prefers-color-scheme
  • CSS animations — subtle fade-in and scale animations on load
  • Configuration — customize name, title, bio, sections, and more via github-insights.yml; scaffold with github-insights init

Quick Start

Install

# One-line install
curl -fsSL https://raw.githubusercontent.com/urmzd/github-insights/main/install.sh | bash

# Or via npm
npm install -g @urmzd/github-insights

# Or run without installing
npx @urmzd/github-insights --help

CLI Usage

# Authenticate with GitHub (required)
gh auth login

# Scaffold a config file in your profile repo
github-insights init

# Generate metrics (launches interactive TUI)
github-insights generate

The CLI reads your gh auth token via $GITHUB_TOKEN. Pass options explicitly if needed:

github-insights generate \
  --token "$(gh auth token)" \
  --username your-username \
  --output-dir assets/insights \
  --template showcase

Commands

| Command | Description | |---------|-------------| | github-insights init | Create a github-insights.yml config file with defaults | | github-insights generate (default) | Generate metrics and visualizations |

Options (generate)

| Option | Description | Default | |--------|-------------|---------| | -t, --token <token> | GitHub token | $GITHUB_TOKEN | | -u, --username <username> | GitHub username | $GITHUB_REPOSITORY_OWNER | | -o, --output-dir <dir> | Output directory for SVGs | assets/insights | | --readme-path <path> | README output path (none to skip) | none (local) / README.md (CI) | | --template <name> | Template preset | showcase | | --sections <list> | Comma-separated section list (overrides template) | |

GitHub Action (CI)

Create .github/workflows/metrics.yml in your profile repository (<username>/<username>):

name: Metrics
on:
  schedule:
    - cron: "0 0 * * *" # daily
  workflow_dispatch:

permissions:
  contents: write
  models: read

jobs:
  generate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: urmzd/github-insights@main
        with:
          github-token: ${{ secrets.GITHUB_TOKEN }}

The action commits updated SVGs and a generated README.md to your repo automatically.

Action Inputs

| Input | Description | Default | |-------|-------------|---------| | github-token | GitHub token (needs repo read + models:read for AI) | ${{ github.token }} | | username | GitHub username to generate metrics for | ${{ github.repository_owner }} | | output-dir | Directory to write SVG files to | assets/insights | | commit-push | Whether to commit and push generated files | true (CI) / false (local) | | commit-message | Commit message for generated files | chore: update metrics | | commit-name | Git user name for commits | github-actions[bot] | | commit-email | Git user email for commits | 41898282+github-actions[bot]@users.noreply.github.com | | config-file | Path to config file | github-insights.yml | | readme-path | Output path for the generated profile README (set to none to skip) | README.md (CI) / none (local) | | template | Section preset (classic, modern, minimal, ecosystem, showcase) | showcase | | sections | Comma-separated ordered list of sections (overrides template) | (all) |

Configuration

Create github-insights.yml (or .yaml) in your repo root, or run github-insights init to scaffold one:

name: Your Name
pronunciation: your-name
title: Software Engineer
desired_title: Senior Software Engineer
bio: Building things on the internet.
preamble: PREAMBLE.md      # path to custom preamble (optional)
template: showcase          # section preset (optional)
exclude_archived: true      # exclude archived repos from portfolio (default: true)
sections:                   # explicit section order (overrides template)
  - spotlight
  - velocity
  - rhythm
  - constellation
  - portfolio
  - impact

All fields are optional and validated with Zod — invalid values are silently ignored with sensible defaults. The full schema is defined in src/config.ts.

AI Features

Preamble Generation

When no custom preamble is provided, the action uses AI to generate a profile introduction. The generated preamble consists of 1-2 sentences drawn from your profile bio, title, top languages, and notable projects. It uses a professional but friendly tone.

To use your own text instead, create a PREAMBLE.md file in the repo root, or point to a custom file via the preamble field in github-insights.yml.

Project Classification

The action uses GitHub Models to classify repositories by maintenance status (active/maintained/inactive) and purpose category (Developer Tools, SDKs, Applications, Research & Experiments), with AI-generated summaries for each project.

Token Permissions

For AI features, your workflow needs:

permissions:
  contents: write  # to commit generated files
  models: read     # for AI project classification and preamble generation

Sections

The generated README is composed from configurable sections. Control which sections appear and in what order via github-insights.yml or the sections action input:

| Section | Type | Description | |---------|------|-------------| | spotlight | text | Top 3-5 projects ranked by activity heat score | | velocity | svg | Language Velocity streamgraph | | rhythm | svg | Contribution Rhythm radar chart | | constellation | svg | Project Constellation map | | portfolio | text | Full project list in a collapsible <details> tag, grouped by category | | impact | svg | Open Source Impact trail |

Default (all sections):

sections:
  - spotlight
  - velocity
  - rhythm
  - constellation
  - portfolio
  - impact

Minimal example (just stats):

sections:
  - velocity
  - rhythm

Or via the action input:

- uses: urmzd/github-insights@main
  with:
    sections: spotlight,velocity,rhythm

Spotlight Heat Score

The spotlight section surfaces your most active projects using a composite score:

  • Commit boost: min(commitsLastYear, 50) * 2 — rewards sustained activity, caps at 50
  • Recency bonus: max(0, 90 - daysSincePush) / 3 — decays over 90 days
  • Star boost: log2(stars + 1) * 5 — logarithmic, doesn't dominate

This scoring is designed to be inclusive of entry-level developers — even a few recent commits will surface a project.

Template Presets

The template input maps to predefined section lists:

| Preset | Sections | |--------|----------| | showcase (default) | spotlight, velocity, rhythm, constellation, portfolio, impact | | ecosystem | spotlight, velocity, rhythm, constellation, portfolio, impact | | modern | spotlight, velocity, rhythm, constellation, impact | | classic | velocity, rhythm, constellation, impact | | minimal | velocity, rhythm |

The sections input overrides template when both are specified.

Local Development

Prerequisites

  • Node.js 22+
  • gh CLI (authenticated) for local generation

Commands

npm run ci          # full CI check (fmt, lint, typecheck, test, build)
npm run generate    # generate metrics locally via tsx (dev mode)
npm run build       # build action + CLI bundles (dist/ and dist-cli/)
npm run showcase    # record a terminal demo GIF via teasr
npm test            # run tests
npm run typecheck   # type-check
npm run lint        # lint
npm run fmt         # format check
npm run fmt:fix     # format fix

Note: When running locally (outside CI), commit-push defaults to false and readme-path defaults to none (skipped), so generation will not overwrite your project README or push commits. A preview is generated at examples/default/README.md.

Output Files

| File | Description | |------|-------------| | assets/insights/index.svg | Combined visualization with all sections | | assets/insights/metrics-velocity.svg | Language Velocity streamgraph | | assets/insights/metrics-rhythm.svg | Contribution Rhythm radar + stats | | assets/insights/metrics-constellation.svg | Project Constellation map | | assets/insights/metrics-impact.svg | Open Source Impact trail | | README.md | Generated profile README (CI only) | | examples/default/README.md | Local preview (generated by github-insights generate) | | showcase/demo.gif | Terminal demo recording (generated by npm run showcase) |

Agent Skill

This project ships an Agent Skill for use with Claude Code, Cursor, and other compatible agents.

Available as portable agent skills in skills/.

Once installed, use /github-insights to generate and customize SVG profile metrics.


Created using @urmzd/github-insights