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

github-project-manager

v0.3.0

Published

GitHub Project V2 manager - CLI + Web UI for task management with Claude Code

Readme

GPM - GitHub Project Manager

GitHub Project V2를 CLI와 웹 UI로 관리하는 도구. Claude Code에서 AI PM처럼 태스크를 추천받고, 브라우저에서 칸반 보드로 시각화합니다.

설치 & 세팅 (Claude Code에서 그대로 실행)

# 1. GitHub CLI 인증 (아직 안 했다면)
gh auth login

# 2. git repo 안에서 초기화
npx github-project-manager init
# → GitHub Project URL 입력
# → .gpmrc 생성
# → .claude/skills/gpm/SKILL.md 생성 (Claude Code Skill)
# → .claude/agents/gpm-pm.md 생성 (AI PM Agent)

# 3. 동기화
npx github-project-manager sync

init 완료 후 Claude Code에서 /gpm status, /gpm next 등을 바로 사용할 수 있습니다.

Claude Code 연동

gpm init을 실행하면 아래 파일이 자동 생성됩니다:

.gpmrc                          # GitHub Project 연결 설정
.claude/skills/gpm/SKILL.md     # /gpm 슬래시 커맨드 (Skill)
.claude/agents/gpm-pm.md        # AI PM Agent

Skill 커맨드 (/gpm)

Claude Code에서 슬래시 커맨드로 사용:

| 커맨드 | 설명 | |--------|------| | /gpm next | 마일스톤 기한 + 최근 작업 맥락 기반으로 다음 태스크 추천 → 선택 → 작업 시작 | | /gpm done | 현재 작업 완료 처리 (git log 분석으로 태스크 추론 + 사용자 확인) | | /gpm status | 프로젝트 현황 브리핑 (상태별 집계, 진행 중 태스크, 마일스톤 진행률) | | /gpm plan | 남은 태스크 분석 → 마일스톤 기한 기준 작업 순서 제안 | | /gpm sync | GitHub Project와 동기화 | | /gpm create <title> | 태스크 생성 + 목적/완료기준/구현방향 작업 계획 자동 작성 |

AI PM Agent (gpm-pm)

Claude Code가 자동으로 PM처럼 행동합니다:

  • "다음 뭐 해?" → 마일스톤 기한, 최근 작업, 의존성을 분석하여 추천
  • "이거 끝났어" → git log에서 작업 추론 + 상태 변경 + 다음 추천
  • "현황 알려줘" → 마일스톤 진행률 바 + 리스크 감지 + In Progress 목록
  • 커밋/PR 시 → "이 작업이 #N 태스크와 관련있네요. 완료 처리할까요?"

기존 프로젝트에 GPM 적용하기

이미 CLAUDE.md가 있는 프로젝트에서 GPM을 사용하려면, CLAUDE.md에 아래 내용을 추가하세요:

## GPM 태스크 관리

이 프로젝트는 [GPM](https://www.npmjs.com/package/github-project-manager)으로 GitHub Project V2 태스크를 관리합니다.

### 설정 파일
- `.gpmrc` — GitHub Project 연결 정보
- `.claude/skills/gpm/SKILL.md` — /gpm 슬래시 커맨드
- `.claude/agents/gpm-pm.md` — AI PM Agent

### 사용 방법
- `/gpm next` — 다음 작업 추천 (마일스톤 기한 + 최근 작업 맥락 기반)
- `/gpm done` — 현재 작업 완료 처리
- `/gpm status` — 프로젝트 현황 브리핑
- `/gpm plan` — 작업 계획 수립

### 태스크 관리 규칙
- 새 기능 작업 시작 전 `/gpm next`로 GitHub Project 태스크를 확인한다
- 작업 완료 후 `/gpm done`으로 태스크 상태를 업데이트한다
- 새 태스크가 필요하면 `/gpm create`로 GitHub Project에 직접 생성한다

이 내용을 CLAUDE.md에 추가하면 Claude Code가 GPM Skill/Agent를 적극적으로 활용합니다.

사전 조건

CLI 명령어

태스크 관리

npx github-project-manager task list                   # 태스크 목록
npx github-project-manager task list --json            # JSON 출력
npx github-project-manager task show <id>              # 태스크 상세
npx github-project-manager task create <title>         # 태스크 생성 (GitHub에 직접 반영)
npx github-project-manager task status <id> <status>   # 상태 변경
npx github-project-manager task delete <id>            # 태스크 삭제

동기화 & 서버

npx github-project-manager sync                        # GitHub → 로컬 DB 동기화
npx github-project-manager server                      # 웹 UI 서버 시작 (포트 6170)
npx github-project-manager server --port 8080          # 포트 변경
npx github-project-manager server --no-open            # 브라우저 자동 열기 비활성화

Tip: 글로벌 설치(npm i -g github-project-manager) 후에는 gpm 명령어로 짧게 사용 가능합니다.

아키텍처

  • GitHub = SSOT: 쓰기는 GitHub API에 직접 반영, 로컬 DB는 읽기 캐시 (Pull-only sync)
  • 멀티 프로젝트: 하나의 서버에서 여러 GitHub Project 관리 (.gpmrc로 식별)
  • CLI 독립 실행: NestJS Standalone Mode로 서버 없이도 CLI 사용 가능
gpm init  → .gpmrc + .claude/skills + .claude/agents 생성
gpm task create → GitHub Project에 Draft Issue 직접 생성
gpm sync  → GitHub → 로컬 SQLite DB
gpm server → NestJS API + React 웹 UI (단일 포트)

기술 스택

| 영역 | 기술 | |------|------| | CLI | Commander.js, TypeScript | | Backend | NestJS, TypeORM, SQLite | | Frontend | React, Vite, TailwindCSS | | GitHub API | Octokit GraphQL API v4 | | AI 연동 | Claude Code Skill + Agent |

개발

yarn install

# 개발 서버 (터미널 2개)
yarn dev:backend          # NestJS (포트 6170)
yarn dev:frontend         # Vite (포트 6171, proxy → 6170)

# 전체 빌드
yarn build

# CLI 실행
yarn gpm -- task list

배포

./deploy.sh patch   # 0.1.x → patch 버전 업
./deploy.sh minor   # 0.x.0 → minor 버전 업

v* 태그 push 시 GitHub Actions가 자동으로 npm에 배포합니다.

라이선스

MIT