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

@zureltd/az-infra-harness

v0.19.0

Published

Interactive planning tool for Azure infrastructure — generates production-ready Bicep or Terraform code from guided decisions

Readme

Az Infra Harness

AI-assisted Azure infrastructure planning — from requirements to production-ready Bicep or Terraform.

Why this exists

Designing Azure infrastructure for a new application typically means context-switching between documentation, architecture diagrams, decision logs, and IaC code — often before you have a clear picture of your requirements. Important decisions get made informally, never documented, and later become tribal knowledge.

Az Infra Harness was built to fix that. It provides a structured, conversation-driven workflow that guides you through every planning phase — from describing your application to generating production-ready IaC — with your AI coding agent doing the heavy lifting. The result is a complete, auditable record of your infrastructure decisions alongside ready-to-deploy Bicep or Terraform code.

What it does

Az Infra Harness is an interactive planning UI that you run locally next to your coding agent (Claude Code, GitHub Copilot, or OpenCode). You drive the process using slash commands in your agent; the agent asks you questions, captures your answers, and writes structured files that appear in the UI.

The workflow has five phases:

| Phase | What you produce | |-------|-----------------| | 1. Application Definition | Overview, components, non-functional requirements | | 2. Context | Infrastructure landscape, platform services, development workflow | | 3. Application Architecture | Azure service mapping, deployment strategy, architecture diagram | | 4. Architecture Decisions | Architecture Decision Records (ADRs) | | 5. Code Generation | Production-ready Bicep or Terraform modules |

At the end you have a fully documented infrastructure design and IaC code ready to drop into your repository.

Walkthrough

The screenshots below show how Az Infra Harness looks when working through the eShop on Containers reference application — a microservices-based e-commerce app by Microsoft.

Phase 1 — Application Definition

Start with an empty planning board. All cards are grey, waiting for data.

Application Definition — empty

After running /application-overview, /non-functional-requirements, and /application-components, each card turns blue with a checkmark.

Application Definition — completed

Phase 2 — Context

Describe your existing infrastructure, platform services, and development workflow.

Application Context — empty

After running /infrastructure-context, /platform-context, and /development-context, all three cards complete.

Application Context — completed

Phase 3 — Application Architecture

Map your components to Azure services and generate an architecture diagram.

Application Architecture — empty

After running /configure-component, /deployment-strategy, and /architecture-diagram, the diagram renders and all component cards are filled in.

Application Architecture — completed

Each component card can be expanded to see the full Azure service configuration.

Application Architecture — component detail

Phase 4 — Architecture Decisions

Document trade-offs using Architecture Decision Records (ADRs).

Architecture Decisions — empty

After running /generate-adrs, the agent creates ADRs for each significant decision.

Architecture Decisions — completed

Each ADR shows context, rationale, alternatives, and consequences.

Architecture Decision — detail view

Phase 5 — Code Generation

Generate production-ready Bicep or Terraform from everything captured so far.

Code Generation — empty

After running /generate-code-terraform (or /generate-code-bicep), the agent creates a complete IaC module structure with root files, per-component modules, parameter files, and a CI/CD pipeline — all downloadable as a ZIP.

Code Generation — completed

Quick start

npx @zureltd/az-infra-harness

This starts the planning UI at http://localhost:3000.

Options

npx @zureltd/az-infra-harness                        # default port 3000
npx @zureltd/az-infra-harness --port 8080            # custom port
npx @zureltd/az-infra-harness --data-dir ./my-plan   # custom data directory

Install agent commands into your project

Before using the slash commands, install the agent configuration for your coding agent of choice:

npx @zureltd/az-infra-harness init --agent claude    # Claude Code
npx @zureltd/az-infra-harness init --agent copilot   # GitHub Copilot
npx @zureltd/az-infra-harness init --agent opencode  # OpenCode

This copies the slash command definitions and shared skill files into your project so your agent can use them.

Using the slash commands

Once the UI is running and agent commands are installed, open your coding agent and run commands like:

/application-overview
/application-components
/non-functional-requirements
/infrastructure-context
/platform-context
/development-context
/configure-component
/deployment-strategy
/architecture-diagram
/generate-adrs
/generate-code-bicep
/generate-code-terraform

Your agent will ask you questions, then write structured files to src/data/. Refresh the browser to see your progress reflected in the UI.

Requirements

Contributing & development

To run from source:

git clone https://github.com/Zure/az-infra-harness
cd az-infra-harness/src
npm install
npm run dev

The app will be available at http://localhost:3000 with hot reload.

npm test          # run unit tests
npm run lint      # run ESLint
npm run build     # build standalone production bundle

License

MIT — see LICENSE.