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

spec-mode

v1.0.0

Published

An AI skill that creates standardized specification documents before implementation. Specs first, code second.

Readme

Spec Mode

Specs first, code second.

OpenCode Compatible License Version

A professional specification-first development workflow for AI assistants.

Inspired by Trae's spec-mode-skill, this skill brings enterprise-grade specification practices to your AI coding workflow.

Compatible with: OpenCode, Cursor, Windsurf, Copilot

Overview

Spec Mode creates three standardized documents before starting any complex development task:

  • spec.md - What & Why (requirements, scope, impact)
  • tasks.md - How to implement (breakdown into verifiable work items)
  • checklist.md - Verification checkpoints (acceptance criteria)

Why Spec Mode?

| Problem | Spec Mode Solution | |---------|-------------------| | ❌ AI writes code without understanding requirements | ✅ Creates detailed spec.md first | | ❌ Vague requirements lead to rework | ✅ Clear acceptance criteria in checklist.md | | ❌ Hard to track progress on large tasks | ✅ Task breakdown in tasks.md | | ❌ No documentation for handoff | ✅ Professional spec documents | | ❌ Scope creep during implementation | ✅ Defined scope before coding starts |

Installation

Option 1: Install via npm

npx skills add spec-mode --skill spec-mode

Option 2: Install via GitHub

npx skills add GlacierXiaowei/spec-mode --skill spec-mode

Option 3: Manual Installation

  1. Clone or download this repository
  2. Copy the skill folder to your AI assistant's skills directory
  3. Restart your AI assistant

Usage

Trigger Spec Mode by saying any of these phrases:

  • "spec"
  • "specification"
  • "spec-mode"
  • "写规范"
  • "写 specs"

Example

User: Let's build a user login system, use spec-mode

When to Use

✅ Suitable for:

  • Large features (login system, order flow, message center)
  • Multi-file/module changes
  • Vague requirements ("optimize experience", "refactor homepage")
  • Need clear acceptance criteria
  • Team collaboration or handoff
  • High-risk changes (compatibility, permissions, payment, data migration)

❌ Not needed for:

  • Small fixes (copy, spacing, minor bugs)
  • Clear requirements ("change button text from A to B")
  • One-time exploration
  • Pure explanation tasks

Rule of thumb: Small/clear/low-risk → optional spec. Large/vague/risky → use spec.

Output Structure

<project-root>/.specs/<change-id>/
├── spec.md        # Requirements and scope
├── tasks.md       # Implementation tasks
└── checklist.md   # Verification checkpoints

Document Contents

spec.md

  • Why (business goal)
  • What (changes overview)
  • Impact analysis
  • ADDED/MODIFIED/REMOVED sections

tasks.md

  • Small verifiable work items
  • Dependencies between tasks
  • Estimated effort

checklist.md

  • Must-pass checkpoints
  • Itemized & checkable criteria
  • Acceptance tests

Core Rules

The Iron Rule

SPECS FIRST, CODE SECOND. NEVER SKIP SPEC PHASE.

What Spec Mode Forbids

  • ❌ Writing code before specs are approved
  • ❌ Skipping user review
  • ❌ Modifying code "just a little bit"
  • ❌ Scanning code before specs (scan AFTER specs for implementation)

License

Apache-2.0

Author

Glacier Xiaowei

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.