notion-team-dashboard

팀 Notion 워크스페이스의 주간 활동을 자동으로 수집하여 대시보드로 생성합니다. 백엔드 없음. DB 없음. 스크립트 하나로 끝.

라이브 데모 보기 GitHub에서 보기
$ ./generate_dashboard.sh
  → claude --print (Claude Code CLI)
    → Notion MCP (멤버별 검색, 페이지 조회)
    → dashboard.html ← 단일 HTML 파일 생성

주요 기능

📊

통계 요약

활성 프로젝트, 팀원 수, 다가오는 마감일, 업데이트된 페이지를 한눈에 파악합니다.

👥

멤버 활동 카드

멤버별 펼쳐지는 카드에서 수정된 페이지, 할 일 목록, Notion 바로가기 링크를 확인합니다.

📅

마감일 트래커

Notion 페이지에서 추출한 마감일을 D-day 카운트다운 뱃지로 표시합니다.

📋

프로젝트 진행 현황

프로젝트별 완료/진행중/예정 작업을 시각적으로 보여줍니다.

⏰

활동 타임라인

전체 워크스페이스 변경 사항을 시간순으로 정리합니다.

🔄

완전 자동화

cron이나 launchd로 스케줄 설정하면 매주 자동 실행됩니다.

작동 방식

📝

1. 설정

config.json에 팀원 이름과 Notion Page ID를 입력합니다

🤖

2. Claude가 Notion 조회

Claude Code CLI가 Notion MCP 서버를 통해 멤버별 최근 활동을 검색하고 수집합니다

🌐

3. 대시보드 생성

다크 테마의 인터랙티브 HTML 파일이 생성됩니다. 외부 의존성 없이 바로 열 수 있습니다

라이브 데모

샘플 데이터로 생성된 대시보드입니다. 멤버 카드를 클릭하면 펼쳐집니다.

dashboard.html

빠른 시작

1

Notion Integration 생성

notion.so/my-integrations에서 내부 통합을 만들고 토큰(ntn_...)을 복사합니다. 추적할 페이지에 Integration을 연결하세요.

2

Claude Code에 Notion MCP 설정

~/.claude/settings.json에 추가:

{
  "mcpServers": {
    "notion": {
      "command": "npx",
      "args": ["-y", "@notionhq/notion-mcp-server"],
      "env": {
        "OPENAPI_MCP_HEADERS": "{\"Authorization\": \"Bearer ntn_토큰\"...}"
      }
    }
  }
}
3

클론 및 설정

git clone https://github.com/joonan30/notion-team-dashboard.git
cd notion-team-dashboard
cp config.example.json config.json
# config.json에 팀원 이름과 Notion Page ID 입력
4

실행

./generate_dashboard.sh
open dashboard.html

필요 사항

Claude Code CLI

claude 명령어가 PATH에 있어야 합니다. 설치하기

Node.js 18+

Notion MCP 서버 실행에 필요합니다 (npx @notionhq/notion-mcp-server)

Notion 워크스페이스

팀 페이지에 읽기 권한이 있는 내부 통합(Integration)이 필요합니다.

Python 3

셸 스크립트의 설정 파싱용. macOS와 대부분의 Linux에 기본 설치되어 있습니다.