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

agent-eng

v0.18.0

Published

Scaffold a structured agentic engineering workflow for AI-assisted development

Readme

agent-eng

Scaffold a structured agentic engineering workflow into any project. One command sets up the directory structure, agent prompts, templates, and conventions for AI-assisted development using a hybrid approach: specialized agents own the process (decisions, planning, review), and Claude Code's built-in plan mode owns execution.

Quick Start

npx agent-eng init

Preview what will be created before writing anything:

npx agent-eng init --dry-run

What gets created

├── CLAUDE.md                              # Project instructions for AI agents
├── orchestration.yaml                     # Agent workflow definition (roles, outputs)
├── architecture.yaml                      # System architecture template (components, connections)
├── STATUS.md                              # Live project dashboard (auto-updated)
├── .claude/
│   ├── settings.json                      # Claude Code project settings (hooks)
│   ├── scripts/
│   │   └── update-status.sh               # Auto-updates STATUS.md on commit/push
│   └── agents/                            # Claude Code subagents
│       ├── architect.md                   # Design decisions and ADRs
│       ├── system-architect.md            # Runtime architecture mapping
│       ├── planner.md                     # Work decomposition into tickets
│       ├── ticket-verifier.md             # Automatic review and ticket tracking
│       ├── code-auditor.md                # Optional structural quality audit
│       ├── learner.md                     # Deep-dive learning for technologies used
│       ├── system-design.md               # Alex Xu-style system design subskill
│       └── html-summarizer.md             # Visual HTML slide decks for stakeholders
├── architecture/
│   ├── overview.md                        # High-level architecture overview
│   ├── _sketch-template.html              # Hand-drawn component map (Folio)
│   └── decisions/
│       ├── _template.md                   # ADR template
│       └── 0001-how-we-work.md            # Seed ADR explaining the workflow
├── specs/
│   └── _template.md                       # Feature specification template
├── tickets/
│   ├── _template.md                       # Work ticket template
│   ├── _backlog.md                        # Sprint board
│   └── example/
│       └── 001-example-ticket.md          # Example ticket
├── learnings/
│   ├── _deck-template.html                # Explainer slide deck (Folio)
│   ├── _longform-template.html            # Same explainer as a scrolling page
│   └── deck-stage.js                      # Zero-dependency deck web component
├── summaries/
│   └── _slide-template.html               # Work-summary slide reference (Folio)
└── conventions/
    ├── folio.md                           # Folio design system for HTML artifacts
    ├── typescript.md                      # TypeScript coding standards
    ├── python.md                          # Python coding standards
    └── java.md                            # Java coding standards

Usage

agent-eng init                              # Scaffold with all conventions
agent-eng init --conventions typescript     # Only TypeScript conventions
agent-eng init --conventions python,java    # Multiple conventions
agent-eng init --dir ./my-project           # Target a specific directory
agent-eng init --force                      # Overwrite existing files
agent-eng init --dry-run                    # Preview without writing

Existing files are never overwritten unless --force is passed. Project state files (tickets, specs, architecture docs) are additionally protected — they require --force even when other files are being updated.

The Workflow

Agents own the process — architecture decisions, work decomposition, quality gates. Claude Code plan mode (shift+tab) owns the execution — implementing tickets in focused sessions.

| Phase | How | What it produces | |-------|-----|------------------| | Decide | /architect agent | ADRs, specs, constraints | | Map | /system-architect agent | architecture.yaml | | Decompose | /planner agent | Tickets with acceptance criteria | | Execute | Plan mode (shift+tab) | Code and tests | | Verify | /ticket-verifier agent (automatic) | Approval or feedback, ticket/backlog updates | | Audit | /code-auditor agent (optional) | Severity-ranked structural findings | | Learn | /learner agent | Technology deep-dives with interview prep, explainer decks | | Design | /system-design agent (subskill) | Alex Xu-style diagrams, estimations, trade-offs | | Report | /html-summarizer agent | Visual HTML slide decks |

All HTML artifacts — learning decks, work summaries, architecture sketches — share one design system, Folio: an editorial, print-influenced look with hand-drawn SVG diagrams, defined in conventions/folio.md. Every artifact is a single self-contained file that opens directly in a browser.

When to use what

  • New feature or significant decision — Start with /architect, then full pipeline
  • Well-scoped ticket — Plan mode directly
  • Bug fix or small change — Just implement, no ceremony needed

The ticket verifier runs automatically after each ticket to validate acceptance criteria, update ticket status, and sync the backlog.

YAML Definitions

orchestration.yaml defines the agent roles, their outputs, and how they connect. Used to visualize the development workflow.

architecture.yaml defines the runtime system components, their tiers, technologies, subcomponents, and connections with protocols. Used to visualize the system architecture.

After Initialization

  1. Review CLAUDE.md — Customize the project instructions for your stack
  2. Pick your conventions — Keep the ones that match, remove the rest
  3. Start with the Architect — Ask Claude to use the architect agent to create your first ADR
  4. Map the system — Use /system-architect to document your runtime architecture
  5. Plan the work — Use /planner to decompose your ADR into tickets
  6. Execute — Use plan mode (shift+tab) to implement each ticket
  7. Verification happens automatically — The ticket verifier validates and updates tracking after each ticket

License

MIT