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-open-take

v0.2.10

Published

Add Open Take and its agent skill to your app in one command.

Downloads

680

Readme

create-open-take

The initializer for Open Take — cinematic product demos, recorded by your agent.

npm create open-take@latest my-demo   # new project in ./my-demo
npm create open-take@latest           # in your app's root: adds it there
npm create open-take@latest .         # ...or here, explicitly

Then ask your agent:

Make a demo of localhost:3000 for Twitter.

What it writes

  • open-take, installed into the directory (plus package.json, only if the directory has none, and a lockfile)
  • .agents/skills/open-take/ and .claude/skills/open-take/ — the project skill, from open-take init

The skill is the half that teaches your agent what a good demo is: explore the app first, commit to a shot list, then shoot. That is why this is the documented entry point and npm i -g open-take is not — a global install gives you the CLI with no skill, so the agent has nothing to plan against.

It runs from an app root (a directory with package.json) and installs there. Anywhere else it asks which directory to create, and never writes into the one you happen to be standing in without being told to. The closing summary lists exactly what landed, and says how to undo it.

Options

-y, --yes                                 skip the question, use ./open-take-demo
--use-npm | --use-pnpm | --use-yarn | --use-bun
-h, --help

The package manager is detected from the target directory; the flags override it. Pass them after --:

npm create open-take@latest my-demo -- --use-pnpm

Notes

Requires Node.js 22+. On the first demo, Open Take downloads and caches its own Chrome for Testing under ~/.open-take/browsers; later runs reuse it.

This package is versioned independently of open-take — it always installs open-take@latest, so its own version number lagging the CLI's is expected.

Docs · GitHub · MIT.