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

drafted

v1.14.26

Published

Drafted — visual thinking surface for humans and AI agents. Renders HTML, markdown, images, and code as frames on a zoomable canvas, with MCP tools for AI agents and real-time sync for humans.

Vulnerabilities

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

Links

Git

Maintainers

ddfourtwoddfourtwo

Keywords

designcanvaspreviewhtmlclaude

Readme

Drafted

Multi-tenant shared surface for AI-human collaboration. Drafted organizes agent-produced work into projects (frames on a zoomable real-time surface), skills (reusable operating procedures agents load), and a wiki (durable org knowledge) — with MCP tools for agents and a browser UI for humans.

OKF-native

Drafted is a native producer and consumer of the Open Knowledge Format (OKF) v0.1 (GoogleCloudPlatform/knowledge-catalog):

  • The org wiki is an OKF v0.1 bundle. Every page carries conformant YAML frontmatter (required type, one-line description, tags, synthesized timestamp; unknown keys preserved). index.md at every level is synthesized, log.md keeps the date-grouped change history, links resolve with or without .md, and broken links are legal. The wiki UI shows a live OKF conformance badge.
  • Bundle exchange everywhere. Export/import the wiki (GET /api/wiki/export.tar.gz, POST /api/wiki/import), the skill library (skills/<slug>/SKILL.md layout), and whole projects (<layer>/<lane>/<file>.md concepts; markdown links round-trip as connectors) — via HTTP or the MCP wiki, skill, and project tools, with dry-run reports.

Install

Claude Code, Codex, or any MCP client — installs the MCP server, the Drafted skill, and the eight slash commands (into ~/.claude/commands/drafted/ and ~/.codex/prompts/drafted/):

curl -fsSL https://drafted.live/install.sh | bash        # macOS / Linux
irm https://drafted.live/install.ps1 | iex               # Windows

Adding the MCP server on its own (e.g. claude mcp add) gives you the tools without the skill or the commands.

Claude on the web (claude.ai) and Cowork — install the plugin, not the bare connector. The plugin bundles the Drafted connector plus the Drafted skill and the eight slash commands (/drafted:onboard-drafted, /drafted:create-project, /drafted:create-skill, /drafted:ingest, /drafted:extract, /drafted:improve-wiki, /drafted:improve-skill, /drafted:improve-project-harness); adding the connector URL on its own gives you the tools with none of the guidance.

  1. Settings → Customize plugins → Add → Add marketplace → https://github.com/ddfourtwo/drafted-web → install Drafted.
  2. Settings → Connectors → find Drafted → Connect, then approve the sign-in.

Both halves matter: the plugin carries the skill and commands, the connector carries the tools. Installing the plugin does not sign you in to the connector.

Quick start (developing Drafted itself)

npm install && npm run dev   # Docker services + schema + server with hot reload
  • App: http://localhost:3477
  • Email inbox (magic links): http://localhost:8025
  • MinIO console: http://localhost:9001

Sign in with any email and grab the magic link from Mailpit.