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

@tysongreenan/buyer-panel

v0.1.0

Published

A buyer panel that lives in your repo — persona review, craft, motion, scored report

Readme

Panel

A buyer panel that lives in your repo.

Panel seats personas on your product.
They walk the flows, argue priority, and leave a scored report with file-level fixes — not another AI redesign.


Quick Start

One-command onboarding

In any project you want to review:

npx @tysongreenan/panel init

That installs the lean skill set (buyer review + craft + motion), Cursor rules/commands, and a Claude Code skill. Deep packs stay optional.

Then open your AI agent and say:

Run a panel
or
Do a Panel review

Cursor: type /panel
Claude Code: use the panel skill, or the same phrases above

# Options
npx @tysongreenan/panel init                  # lean (default)
npx @tysongreenan/panel init --full           # + FRONTEND.md + skills/ packs
npx @tysongreenan/panel init --dir ./my-app   # explicit path
npx @tysongreenan/panel init --force          # overwrite existing files
npx @tysongreenan/panel init --dry-run        # preview

Manual / Python

python -m panelcore init --project /path/to/your/app

We dogfood this on our own homepage — see panel-report/report.md or the sample at the marketing site /report.


What it does

  1. Orchestrator preflight — intent, preserve list, personas
  2. Persona Managers (one per persona) negotiate priority — secondaries keep non-negotiables
  3. Understands the product; journeys from all in-scope personas
  4. Critiques with a secondary harm pass
  5. Frontend Design asks managers for visual preferences before any design-system search or redesign
  6. Scores craft, motion, fluidity; council consensus before implement
  7. Produces a prioritized Markdown report

Missing personas or skipped priority council on a full review → NO-GO.

Locked structure

PANEL.md               ← Core (always on)
playbook.md            ← Don’t Make Me Think + density
ANTI-SLOP.md           ← Craft / anti-template (UI)
MOTION.md              ← Emil motion rules
FRONTEND.md            ← Optional — design-system only (--full)
skills/                ← Deep packs (NOT default; --full)
  ui-ux-pro-max/ | motion/ | stop-slop-prose/
cli/ · docs/ · web/

What loads when

| User says | Load | |-----------|------| | Run a panel / Panel review | PANEL.md + playbook.md | | UI / craft / anti-slop | + ANTI-SLOP.md | | Animations / motion | + MOTION.md | | Design system / colors / type | + FRONTEND.md + skills/ui-ux-pro-max |

Priority of truth: PANEL → ANTI-SLOP → MOTION → playbook → heavy packs (only when needed).

Default install: four thin files + Cursor/Claude wiring.
--full: also FRONTEND.md + skills/{ui-ux-pro-max,motion,stop-slop-prose}/.

# Design system from the premium pattern library (after --full)
python3 skills/ui-ux-pro-max/scripts/search.py \
  "developer tools SaaS" --design-system -p "Panel" -f markdown

Guided by Real UX Principles

  • Steve Krug — Don’t Make Me Think
  • Density: every block must earn its place
  • Hierarchy: one primary action per view
  • Craft restraint (anti-slop) and purposeful motion

See playbook.md for the short evaluation criteria agents use.


Project Status

This is V0.2 (rebrand to Panel).
Core vision, skill file, UX playbook, and structure are ready.


Marketing site

Homepage (Next.js) lives in web/:

cd web
npm install
npm run dev

License

MIT