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

superspec

v0.1.6

Published

SuperSpec - Unified spec-driven development framework

Readme

npm version npm downloads CI License: MIT Node.js TypeScript Claude Code

Every Scenario becomes a test. Every test traces back to a Scenario.

Quick Start · Documentation · CLI Reference · Contributing

Why SuperSpec?

Most development workflows suffer from specification drift — where documentation, tests, and code gradually become misaligned. SuperSpec solves this by establishing specifications as the single source of truth and enforcing bidirectional traceability between specs and tests.

❌ Without SuperSpec

  • Specs written once, then forgotten
  • Tests don't match requirements
  • "It works" without verification
  • Changes break unknown features
  • Documentation always outdated

✅ With SuperSpec

  • Specs are living documents
  • Every scenario = a test case
  • Evidence-based completion
  • Impact analysis before changes
  • Documentation auto-maintained

✨ Key Features

🚀 Quick Start

# Install globally
npm install -g superspec

# Initialize in your project
cd your-project
superspec init

# Start developing with Claude Code
/superspec:kickoff

That's it! SuperSpec will guide you through the entire development workflow.

📖 Documentation

The Four Iron Rules

| Rule | Principle | |:-----|:----------| | TDD Rule | No production code without a failing test first | | Spec Rule | Specs are truth. Changes are proposals. | | SuperSpec Rule | Every Scenario becomes a test. Every test traces to a Scenario. | | Verification Rule | No completion claims without fresh verification evidence |

Workflow Overview

┌─────────────────────────────────────────────────────────────────────┐
│  Choose Your Path                                                   │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  🚀 FAST TRACK (small-medium features)                              │
│     /superspec:kickoff  →  All-in-one: brainstorm + validate + plan │
│                                                                     │
│  📋 FULL WORKFLOW (large features, team review)                     │
│     /superspec:brainstorm  →  Progressive 4-phase design            │
│     superspec validate     →  CLI validation + team review          │
│     /superspec:plan        →  Create TDD implementation plan        │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘
                                    │
                                    ▼
┌─────────────────────────────────────────────────────────────────────┐
│  Implementation (both paths)                                        │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│     /superspec:execute        →  Subagent-driven TDD implementation │
│     /superspec:verify         →  Verify implementation matches specs│
│     /superspec:finish-branch  →  Complete branch (merge/PR)         │
│     /superspec:archive        →  Archive changes, apply delta       │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

Four-Phase Brainstorming

  • Free exploration and discovery
  • Ask clarifying questions
  • Visualize ideas and constraints
  • No commitments yet
  • Why: Problem or opportunity statement
  • What Changes: List of modifications
  • Capabilities: New or modified features
  • Impact: Affected areas of the system
  • Compare 2-3 technical approaches
  • Document trade-offs
  • Select and justify the recommended approach
  • Define Requirements (System SHALL...)
  • Define Scenarios (WHEN/THEN — each becomes a test)

💻 CLI Commands

Project Management

superspec init [path]         # Initialize SuperSpec in a project
superspec view                # Dashboard overview
superspec list                # List all changes
superspec list --specs        # List all specifications
superspec show <item>         # Show details of a change or spec

Validation & Verification

superspec validate <id>           # Validate a specification
superspec validate <id> --strict  # Strict mode (warnings = errors)
superspec verify <id>             # Verify implementation matches specs
superspec verify <id> --verbose   # Show detailed matching info

Archiving

superspec archive <id>        # Archive completed change
superspec archive <id> --yes  # Skip confirmation

🤖 Claude Code Integration

SuperSpec provides skills that integrate seamlessly with Claude Code:

| Skill | Description | |:------|:------------| | /superspec:kickoff | Fast-track: brainstorm → validate → plan in one session | | /superspec:brainstorm | Full workflow with 4-phase progressive design | | /superspec:plan | Create TDD implementation plan | | /superspec:execute | Subagent-driven TDD implementation | | /superspec:verify | Verify implementation matches specifications | | /superspec:finish-branch | Complete branch (merge, PR, or keep) | | /superspec:archive | Archive changes and apply deltas to main specs |

Additional Skills

| Skill | Description | |:------|:------------| | phase-protocol | Prevents context drift during long sessions | | external-review | External AI code review (Codex/Gemini) | | codex | OpenAI Codex CLI integration | | gemini | Google Gemini CLI integration | | tdd | TDD cycle with anti-pattern awareness | | git-worktree | Isolated development with git worktrees | | systematic-debugging | Root cause analysis methodology | | code-review | Two-phase review (spec compliance + quality) | | verification-before-completion | Evidence-based completion claims |

📁 Project Structure

your-project/
├── superspec/
│   ├── project.yaml              # Project configuration
│   │
│   ├── specs/                    # 📚 Main specifications (source of truth)
│   │   └── <capability>/
│   │       └── spec.md
│   │
│   └── changes/                  # 📝 Change management
│       ├── <change-id>/          # Active changes
│       │   ├── proposal.md       # Why + What
│       │   ├── design.md         # How (technical approach)
│       │   ├── specs/            # Delta specifications
│       │   ├── plan.md           # TDD implementation plan
│       │   └── tasks.md          # Task tracking
│       │
│       └── archive/              # Completed changes
│           └── YYYY-MM-DD-<id>/
│
└── src/                          # Your application code

📝 Spec Format

# Feature Name

## Purpose
Brief description of what this feature does and why it exists.

## Requirements

### Requirement: User Authentication
The system SHALL authenticate users with email and password.

#### Scenario: Successful Login
- **WHEN** user submits valid credentials
- **THEN** system grants access and returns session token

#### Scenario: Invalid Credentials
- **WHEN** user submits invalid credentials
- **THEN** system denies access with error message

Spec → Test Mapping

Specification                          Test
─────────────────────────────────────────────────────────────────────
#### Scenario: Successful Login    →   test('Successful Login', () => {
- WHEN valid credentials                 const result = login(validCreds);
- THEN grants access                     expect(result.granted).toBe(true);
                                       });
─────────────────────────────────────────────────────────────────────

🔄 Two-Phase Review

SuperSpec enforces a two-phase review process:

┌────────────────────────────────────────┐
│  Phase 1: Spec Compliance Review       │
│  ──────────────────────────────────    │
│  ✓ Every Requirement implemented?      │
│  ✓ Every Scenario has a test?          │
│  ✓ No extra/missing features?          │
└────────────────────────────────────────┘
                    │
                    ▼ Pass to proceed
┌────────────────────────────────────────┐
│  Phase 2: Code Quality Review          │
│  ──────────────────────────────────    │
│  ✓ Error handling                      │
│  ✓ Type safety                         │
│  ✓ SOLID principles                    │
│  ✓ Test quality                        │
└────────────────────────────────────────┘

🔄 Phase Protocol (Context Drift Prevention)

AI assistants often forget tasks during long development sessions as context gets compressed. SuperSpec's Phase Protocol solves this with a structured approach:

┌────────────────────────────────────────────────────────────────┐
│  PHASE PROTOCOL                                                 │
├────────────────────────────────────────────────────────────────┤
│                                                                  │
│  ENTRY (start of each phase):                                   │
│    1. Read phase-protocol skill (refresh context)               │
│    2. Read tasks.md (get task list)                             │
│    3. CREATE TODO IMMEDIATELY ← Before reading other docs!      │
│    4. Gate: Verify TODO completeness                            │
│    5. Read plan.md, design.md, specs/*.md                       │
│    6. Gate: Output key understanding                            │
│    7. Begin implementation                                      │
│                                                                  │
│  EXIT (end of each phase):                                      │
│    1. Update tasks.md                                           │
│    2. Git commit                                                │
│    3. Re-read phase-protocol skill ← Loop back!                 │
│    4. Create next phase TODO                                    │
│                                                                  │
└────────────────────────────────────────────────────────────────┘

Why This Works

| Mechanism | Purpose | |:----------|:--------| | TODO created early | Survives context compression — won't be forgotten | | Gate verification | Ensures nothing skipped before proceeding | | Exit Gate re-read | Forces context refresh at phase boundaries | | Structured loop | Exit → Re-read → Entry → Exit → continues automatically |

🤖 External AI Review (Optional)

SuperSpec supports optional code review by external AI models (Codex/Gemini). Configure different providers for frontend vs backend tasks.

Configuration

In superspec/project.yaml:

review:
  enabled: true                      # Enable external AI review

  frontend:                          # For UI/component tasks
    provider: gemini                 # gemini | codex | none
    model: gemini-3-pro-preview

  backend:                           # For API/logic tasks
    provider: codex                  # codex | gemini | none
    model: gpt-5.2-codex

How It Works

Implementation (TDD)
        ↓
[Task type detection]
        │
        ├─→ Frontend task → Gemini review
        │
        └─→ Backend task → Codex review
        │
        ↓
Hallucination check (CRITICAL!)
        ↓
Apply validated fixes only

Hallucination Check

Before applying ANY external AI suggestion:

| Check | Why | |:------|:----| | File exists? | AI may reference non-existent files | | Function exists? | AI may suggest changes to phantom code | | Makes sense? | Must align with project architecture | | Not duplicate? | May suggest already-implemented features |

Prerequisites

🛠 Installation

From npm

npm install -g superspec

From Source

git clone https://github.com/HankLiu447/superspec.git
cd superspec
npm install
npm run build
npm link

Requirements

  • Node.js ≥ 18.0.0
  • npm ≥ 8.0.0
  • Claude Code (for AI-powered skills)

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Run tests (npm test)
  4. Commit your changes (git commit -m 'feat: add amazing feature')
  5. Push to the branch (git push origin feature/amazing-feature)
  6. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


⬡ SuperSpec — Spec-Driven Development with TDD Discipline

Report Bug · Request Feature · Discussions

Made with precision by Hank Liu