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

wmcyn-prefab-tool

v0.1.1

Published

WMCYN project initialization tool

Readme

🛠 wmcyn-prefab-tool

yo bro you make websites??

🚀 what is it

wmcyn-prefab-tool is an internal command line utility built for authorized developers working within the whatmorecouldyouneed organization.

it lets you spin up fully functional, deployment-ready web or mobile projects with just a few prompts. it's like having a jumpstart button for drops, sites, campaigns, and creative ideas.

every project created with this tool:

  • lives in the official wmcyn github org
  • supports next.js (app router), react native, or vanilla html/css
  • deploys automatically via github actions
  • includes firebase mailing list functionality
  • optionally integrates shopify for storefronts
  • optionally wires up dns / domain config
  • optionally includes jest + react testing library setup
  • ships with a clean / homepage and optional /shop

🔐 who can use this

this tool is only for developers with write access to the whatmorecouldyouneed github org.

you'll be prompted to authorize your github account. if you're not in the org, it won't let you scaffold anything.

✅ requirements

  • node.js 18+

  • access to the whatmorecouldyouneed github organization

  • a firebase project (for mailing list + auth)

  • shopify storefront api credentials (if using shopify)

  • optional domain or dns provider details

🧰 how to use

npx wmcyn-init

then follow the prompts

📦 output shoud include

  • firebase mailing list form + firestore integration
  • optional shopify /shop page with default product query
  • clean / homepage
  • .env.production.example file
  • preconfigured github actions workflow
  • support for next export + github pages deploy (via gh-pages branch)
  • optional jest + react testing library setup with example tests

🚢 deployment

the generated project includes a working deploy pipeline via github actions:

  • installs deps
  • injects firebase + shopify secrets from the github repo
  • builds the site using next export
  • deploys to the gh-pages branch automatically on push to main

you'll need to set your secrets manually in github before deploying.

🔥 firebase required env

NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=

these are the keys used to connect to firebase + store email signups in a mailingList firestore collection.

🛍️ optional shopify env

NEXT_PUBLIC_SHOPIFY_DOMAIN=
NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN=

📈 next up

  • 🧠 cms options