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

create-whiskeyjack

v0.6.8

Published

Scaffold a thumb-first app on the Whiskeyjack design system, wired for desktop and mobile via Tauri.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

findingsimofindingsimo

Keywords

create-appscaffoldstartertemplatereactvitetauridesign-systempwashadcn

Readme

create-whiskeyjack

Scaffold a thumb-first app on the Whiskeyjack design system, wired for one web codebase delivered to desktop and mobile via Tauri.

npm create whiskeyjack@latest my-app
# or
npx create-whiskeyjack my-app

Then:

cd my-app
npm install
npm run dev

Making it a PWA

Opt-in, and it takes icons you have already exported:

npm create whiskeyjack@latest my-app -- --pwa ./icons

The flag verifies the required PWA sizes are present, copies them into public/ under canonical names, and wires vite-plugin-pwa with a matching manifest. Required: 192x192, 512x512, and a maskable variant of each. Optional but used when found: a 180x180 apple-touch-icon and a favicon.ico.

Icons are matched by their real dimensions rather than by filename, so any reasonable export works – icon-192.png, pwa-192x192.png, android-chrome-192x192.png. The scan is recursive, so pointing at an unzipped export with per-platform subfolders is fine. Only "maskable" has to come from the name or folder, because nothing in a PNG records that a design carries safe-area padding.

If a required size is missing the scaffold stops before writing anything and names what it could not find. It does no image processing and depends on no icon tool. Icon Stack produces the whole set from one image:

npx @whiskeyjack-net/icon-stack generate \
  --source icon.png --platforms pwa,favicon,appleTouchIcon --out icons

Without --pwa you get no service worker and no manifest, which is the right default: a service worker in a project that did not ask for one caches aggressively, stays invisible until it misbehaves, and takes a tombstone worker to retire.

What you get

The starter template: the design-system app shell (AppShell / AppHeader / HeaderNav / AppMain / MobileBottomNav), theming via useTheme, createI18n internationalization with RTL sync, the Tauri window-control shell (inert on the web), a Home + Settings page, and the AI-native .claude layer pre-wired – CLAUDE.md, path-scoped rules, web-dev / reviewer / accessibility agents, and /add-i18n-key / /build / /review skills.

The scaffolder renames the app for you (package.json, the page title, the app.name locale key, the theme storage key). Make it yours by replacing src/pages/Home.tsx and adding your own routes, locales, and accent theme.

License

MIT