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

@ruinosus/dna

v2.3.1

Published

The command behind the dna skills: draw an explainer or a pitch, play an incident drill, map a way of working or a customer journey, compare Copilot Studio agents, simulate a process, put it all together as one solution — one offline HTML file each.

Readme

dna

The command behind the dna skills: seven ways of showing an idea to people, each one an HTML page that opens offline. See the gallery.

npx @ruinosus/dna <skill> <file> [options]      # the options are the skill's own; with no skill, the list
npx @ruinosus/dna agent-review <agents-folder> [options]

| Skill | What it makes | |---|---| | visual-explainer | an explainer that draws itself, chapter by chapter, with values to move | | visual-pitch | a drawing to present: a pitch, an architecture, a decision, data, a timeline or a story | | incident-drill | an incident drill to play, made from a runbook, and its debrief | | way-of-working | a team's way of working: stages, gates, roles and outputs, with a workbook | | service-blueprint | a customer journey and who makes each moment happen, with a workbook | | agent-review | Copilot Studio agents compared: what repeats, who is off a pattern, what is missing, with a workbook | | process-simulation | a process to watch and ask «what if»: queues, people, assistants and costs, with sliders and scenarios | | solution | a solution: one process seen by every skill, each piece checked, one page with a tab per piece |

npx @ruinosus/dna visual-explainer explainer.chalk                    # explainer.html, checked and offline
npx @ruinosus/dna visual-explainer explainer.chalk --svg              # an SVG that draws itself, for a README
npx @ruinosus/dna visual-pitch pitch.chalk                    # pitch.html, opens presenting (PageDown, speaker notes)
npx @ruinosus/dna visual-pitch pitch.chalk --pptx steps       # pitch.pptx: static, steps or video, notes included
npx @ruinosus/dna incident-drill checkout.drill.yaml --all     # the game and the facilitator's script
npx @ruinosus/dna way-of-working team.way.yaml --all        # the map, the workbook (.xlsx) and the explainer
npx @ruinosus/dna way-of-working team.way.yaml --from edited.xlsx   # what the edited workbook changes
npx @ruinosus/dna service-blueprint returns.blueprint.yaml --all       # the map, the workbook and the explainer
npx @ruinosus/dna agent-review agents/ --profile team.standard.yaml --all     # the agents compared: map, workbook, explainer
npx @ruinosus/dna process-simulation hr.sim --lang pt                          # hr.process-simulation.html: the simulation, offline
npx @ruinosus/dna process-simulation hr.sim --run --set hr_partners=8          # the median and p10–p90 of each metric
npx @ruinosus/dna agent-review agents/ --from filled.xlsx --take all      # the decisions filled in Excel, kept
npx @ruinosus/dna way-of-working team.way.yaml --lens sim --write   # the way as a simulation (also blueprint, drill)
npx @ruinosus/dna solution --new service-desk my-desk             # start from a solution accelerator
npx @ruinosus/dna solution my-desk/service-desk.solution.yaml     # every piece checked, one page with them all

Exit codes: 0 made and checked; 1 the file breaks its format (each problem with its line); 2 the command line is wrong; 3 made, with something to fix. Chrome, Chromium or Edge, when installed, lets a build check the drawing and make snapshots and PowerPoint. Node.js 18 or later, nothing else to install.

The drawing engine alone (to embed explainers in a page, VS Code or Obsidian) is the visual-explainer package.

Em português: os mesmos comandos, com --lang pt nas quatro que fazem mapa e jogo. As receitas podem ser escritas em português; a tela segue o locale da receita.

MIT.