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

flow-method

v1.2.1

Published

AI-driven development workflow for Claude Code — story creation, dev, review, retro, and more

Readme

AI-driven development workflow for Claude Code

npm version license

From brainstorming to production — a structured, repeatable workflow powered by Claude Code slash commands.

Getting Started · Commands · Workflow · Update


What is Flow Method?

Flow Method is a complete AI development workflow that integrates directly into Claude Code. It provides 8 slash commands that cover the entire software development lifecycle — from ideation and research to implementation, design, review, and retrospective.

Each command follows a structured, repeatable process defined in XML workflow files. Your project accumulates learnings over time, making each iteration smarter than the last.

What's included

your-project/
├── _flow/
│   ├── config.xml              # Project config (name, user, languages)
│   ├── learnings.xml           # Cumulative learnings from retros
│   ├── templates/
│   │   └── story.md            # Story file template
│   └── workflows/
│       ├── brainstorm/         # Brainstorming workflow
│       ├── design/             # UX/UI design workflow
│       ├── dev/                # Development workflow (red-green-refactor)
│       ├── pm/                 # Project management workflow
│       ├── research/           # Research workflow
│       ├── retro/              # Retrospective workflow
│       ├── review/             # Code review workflow
│       └── story/              # Story creation workflow
├── .claude/commands/           # 8 slash commands for Claude Code
└── _flow_output/
    ├── brainstorming/          # Brainstorm session outputs
    ├── planning-artifacts/     # Epics, designs, research
    └── implementation-artifacts/  # Stories, sprint status

Getting Started

Prerequisites

Install

npx flow-method

The interactive setup will ask for:

  • Project name — used across all workflows
  • Your name — for attribution in stories and reviews
  • Communication language — language Claude uses to talk to you
  • Document language — language for generated documents

That's it. Open Claude Code in your project and start using /commands.


Commands

| Command | Description | |---|---| | /pm | Dashboard — Sprint status, story progression, recommended next action | | /story | Create story — Analyze epic artifacts, extract design specs, generate story file | | /dev | Implement — Red-green-refactor cycle, visual validation, runtime checks | | /design | UX/UI Design — Information architecture, layouts, components, micro-interactions | | /review | Code review — Adversarial review, find 3-10+ issues, verify claims | | /retro | Retrospective — Extract metrics, analyze patterns, enrich learnings | | /brainstorm | Brainstorm — Generate 100+ ideas, domain pivots, clustering, prioritization | | /research | Research — Market, domain, or technical analysis with citations |


Workflow

/brainstorm → /research → [plan epics] → /story → /dev → /review → /retro
                                /design ──┘   ↑                        |
                                              └────────────────────────┘

Typical flow

  1. /brainstorm — Generate ideas, explore directions, cluster and prioritize
  2. /research — Deep-dive into market, domain, or technical topics
  3. /design — Create UX/UI specs with information architecture, ASCII layouts, and component definitions
  4. Plan epics — Organize work into epics manually
  5. /story — Generate detailed story files from epic artifacts
  6. /dev — Implement using red-green-refactor with visual validation
  7. /review — Adversarial code review with severity-ranked findings
  8. /retro — Retrospective that enriches learnings for future iterations

Update

Already have Flow Method installed? Update to the latest version:

npx flow-method@latest update

This will:

  • Update all workflows, commands, and templates to the latest version
  • Preserve your config.xml, learnings.xml, sprint data, and all output files
  • Add any new commands or workflows introduced in the update

Key Files

| File | Purpose | |---|---| | _flow/config.xml | Project configuration — name, user, languages, paths | | _flow/learnings.xml | Cumulative learnings enriched by each /retro | | _flow/templates/story.md | Template used by /story to generate story files | | _flow_output/implementation-artifacts/sprint-status.yaml | Source of truth for all story statuses |


Design Philosophy

Flow Method is built on a few key principles:

  • Structured, not rigid — Workflows provide guardrails, not cages. Each command follows a defined process but adapts to your project's context.
  • Cumulative intelligence — Learnings from retrospectives feed into future development cycles. Your workflow gets smarter over time.
  • No lock-in — Everything is plain files (XML, Markdown, YAML). No database, no server, no account. Fork it, customize it, own it.
  • Minimalist UX/UI design — The /design command follows Apple/Tesla-inspired principles: clarity first, hierarchy and purpose, intentional minimalism.

Retro & Cleanup

When /retro completes an epic, it automatically:

  1. Generates the retro file (epic-N-retro.md)
  2. Enriches learnings.xml with new patterns
  3. Deletes completed story files from implementation-artifacts/
  4. Deletes the epic planning file from planning-artifacts/
  5. Removes story entries from sprint-status.yaml

Only active work + retro history remain — the workspace stays lean.


License

MIT


Built for Claude Code