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

claude-town-app

v0.1.0

Published

A pixel art western town where your AI agents live and work. Visual orchestrator for the Claude Agent SDK.

Readme


The idea

You spin up Claude agents. They work on your code. But instead of staring at terminal logs, you watch a little western town come to life.

Each building is a project. Each floor is an agent. When an agent needs you, a speech bubble pops up — click it, answer, and they get right back to work.

Quick start

npx claude-town-app

That's it. Your town opens in the browser, ready for business.

It scans the current directory for projects, so run it from wherever your repos live. A password is auto-generated and printed to the console on first run.

Note: Claude Town uses your existing Claude Code subscription to run agents. No separate API key needed.

Requirements

  • Buncurl -fsSL https://bun.sh/install | bash
  • Claude Code subscription (Max or Team plan)
  • Git

Reading the town

The buildings tell you everything at a glance:

| What you see | What it means | |---|---| | Flickering yellow windows | Agent is busy working | | Boarded-up dark windows | Agent finished the job | | Pulsing orange glow | Agent is waiting on you | | Speech bubble floating above | Click me! Agent has a question |

No dashboards. No log-tailing. Just a town you can read like a book.

How to use it

Build something --> Click +, pick a project, choose a building style (saloon, bank, sheriff office...), write a prompt, and watch your agent get to work.

Check in --> Windows glow and flicker as agents work. You can feel the activity without opening anything.

Respond --> Speech bubble? Click it. Quick-response panel lets you answer and get back to watching the sunset.

Go deeper --> Click any building to expand it — full conversation logs, streaming output, spawn more agents on the same project.

Each agent gets its own git worktree, so multiple agents can work on the same repo without stepping on each other. When they finish, changes merge back automatically.

CLI options

| Option | Description | Default | |---|---|---| | --port <number> | Port to run on | 3000 | | --no-open | Don't auto-open browser | opens browser | | --password <string> | Set town password | auto-generated | | --data-dir <path> | Data directory | ~/.claude-town |

npx claude-town-app --port 4000 --no-open

What's under the hood

Frontend (React 19 + Vite)         Backend (Hono + Bun)
  ├── Pixel art town scene           ├── Claude Agent SDK sessions
  ├── CSS-rendered building sprites  ├── File-based JSON storage
  ├── Day/night cycle + sounds       ├── Git worktree isolation
  ├── Quick-response panels          ├── Auto-merge on completion
  └── WebSocket client               └── WebSocket broadcasts

Real-time — WebSocket pushes every state change, message, and event to all connected clients. No polling.

Resumable — Send feedback to a completed agent and it picks back up with full conversation context via the SDK's resume option.

Isolated — Each agent works in its own git worktree. No merge conflicts between agents. Changes merge back when the job is done.

The stack

| Layer | Tech | |---|---| | Runtime | Bun | | Backend | Hono | | Frontend | React 19, Vite, Tailwind CSS v4 | | Agents | @anthropic-ai/claude-agent-sdk | | Font | Press Start 2P | | Aesthetic | Pure vibes |

Building styles

Your agents deserve nice offices. Pick from 8 hand-crafted pixel art buildings:

Saloon · Bank · Sheriff Office · General Store · Hotel · Masjid · Blacksmith · Post Office

Each one is rendered entirely in CSS. No image sprites. No canvas. Just divs with dreams.

Development

Want to contribute? Saddle up:

git clone https://github.com/yazinsai/claude-town.git
cd claude-town
bun install
bun run dev

Open http://localhost:5173 — you're the new sheriff in town.