LLM을 위한 명세서 & 프롬프트 관리,
DocBridge

흩어져 있는 프로젝트 명세서와 자주 쓰는 프롬프트를 한 곳에서 통합 관리하세요.
VS Code 스타일의 뷰어와 원클릭 복사로 당신의 워크플로우를 가속화합니다.

지금 설치하기 (Docker) 기능 살펴보기
Built with TDD Docker Ready Real-time Sync

새로운 AI 워크플로우

명세서와 프롬프트를 찾아 헤매는 시간을 줄이고, 창작에 집중하세요.

기존의 불편함

  • • 명세서 확인을 위해 여러 VS Code 창을 왔다 갔다 해야 함
  • • 자주 쓰는 프롬프트가 노션, 메모장 등 여기저기 흩어져 있음
  • • LLM에게 컨텍스트를 주입할 때마다 파일 내용을 복사하느라 귀찮음

DocBridge 솔루션

  • • 프로젝트 명세서와 프롬프트 파일(.md)을 하나의 뷰에서 통합 관리
  • • VS Code 스타일의 익숙한 트리 UI와 마크다운 렌더링
  • • Watchdog & WebSocket으로 파일 변경 즉시 자동 반영
DocBridge - Multi-Project Spec Viewer
EXPLORER
Project A
spec
auth.md
user.md
Project B
Copy
POST /api/auth/login
{ "email": "..." }

Powered By

Next.js
FastAPI
Docker
SQLite

핵심 기능 (MVP)

개발자 경험(DX)을 최우선으로 고려하여 설계되었습니다.

유연한 폴더 등록

로컬의 여러 프로젝트 경로를 자유롭게 등록하세요. `spec` 폴더뿐만 아니라 나의 프롬프트 라이브러리 폴더도 통합 가능합니다.

실시간 워치독 (Watchdog)

파일을 저장하는 순간 WebSocket을 통해 뷰어에 즉시 반영됩니다. 새로고침 없이 최신 스펙을 확인하세요.

LLM 최적화 뷰어

PrismJS 기반의 구문 강조와 원클릭 전체 복사 기능으로 ChatGPT, Claude 등에게 명세서를 가장 빠르게 전달할 수 있습니다.

Quick Installation

환경에 맞는 설치 방법을 선택하세요.

Docker (권장)

1. 프로젝트 다운로드 (필수)

Step 1. 설정 파일 다운로드 

# 폴더 생성 및 이동
mkdir docbridge && cd docbridge

# 설정 파일 다운로드
curl -o docker-compose.yml https://raw.githubusercontent.com/jih4855/DocBridge/main/docker-compose.deploy.yml
curl -o .env https://raw.githubusercontent.com/jih4855/DocBridge/main/.env.example

2. 환경 설정 (필수)

Step 1. .env 설정

다운로드 받은 .env 파일을 편집기로 열어 설정하세요. 
# .env 파일 내용 (예시)
PROJECT_ROOT=/Users/path/to/my-projects
NEXT_PUBLIC_API_URL=http://localhost:8000
NEXT_PUBLIC_WS_URL=ws://localhost:8000
WATCHDOG_USE_POLLING=true

Step 2. PROJECT_ROOT 경로 설정

💡 Tip: 단일 프로젝트 폴더보다는, 여러 프로젝트나 MD 파일들이 모여있는 상위 폴더(예: 내 문서)를 지정하면 한 번에 관리할 수 있습니다.

# Mac/Linux 예시 (내 문서 폴더 전체 지정)
PROJECT_ROOT=/Users/cheolsu/Documents
# Windows 예시 (프로젝트 모음 폴더 지정)
PROJECT_ROOT=C:\Users\cheolsu\Documents\Projects

3. 이미지 다운로드 (선택)

Step 1. 최신 버전 받아오기

이미지 빌드 없이, 배포된 최신 버전을 다운로드합니다. 

docker-compose pull

4. 실행

Step 1. 백그라운드 실행

터미널을 종료해도 서버가 계속 실행되도록 -d 옵션을 사용합니다. 

docker-compose up -d

Local Setup

1. 프로젝트 다운로드 (필수)

Step 1. 저장소 복제 & 이동

git clone https://github.com/jih4855/DocBridge.git
cd DocBridge

2. 환경 설정 (필수)

Step 1. 설정 파일 생성 

cp .env.example .env
또는 내용을 직접 복사: 
# .env 파일 내용
PROJECT_ROOT=/Users/path/to/my-projects
NEXT_PUBLIC_API_URL=http://localhost:8000
NEXT_PUBLIC_WS_URL=ws://localhost:8000
WATCHDOG_USE_POLLING=false
* Local 실행 시에는 WATCHDOG_USE_POLLING=false가 더 효율적입니다.

Step 2. PROJECT_ROOT 경로 설정

💡 Tip: 단일 프로젝트 폴더보다는, 여러 프로젝트나 MD 파일들이 모여있는 상위 폴더(예: 내 문서)를 지정하면 한 번에 관리할 수 있습니다.

# Mac/Linux 예시 (내 문서 폴더 전체 지정)
PROJECT_ROOT=/Users/cheolsu/Documents
# Windows 예시 (프로젝트 모음 폴더 지정)
PROJECT_ROOT=C:\Users\cheolsu\Documents\Projects

3. Backend Setup

Step 1. 가상환경 생성 & 패키지 설치

cd backend
python -m venv venv
# Mac/Linux
source venv/bin/activate
# Windows
venv\Scripts\activate
pip install -r requirements.txt

Step 2. 서버 실행

uvicorn main:app --reload

4. Frontend Setup

Step 1. 패키지 설치

cd frontend
npm install

Step 2. 개발 서버 실행

npm run dev

설치 완료 후 접속 주소: http://localhost:3000

How to Use

직관적인 워크플로우로 명세서를 관리하세요.

DocBridge Dashboard
01.

프로젝트 폴더 등록

상단 [+ 폴더 등록] 버튼을 눌러 프로젝트명과 `/data/`로 시작하는 경로를 입력하세요.

02.

트리 탐색

사이드바에서 등록된 프로젝트를 펼쳐 필요한 명세서 파일을 찾습니다.

03.

내용 복사

파일을 클릭하고 우측 상단의 [복사] 버튼을 눌러 LLM 채팅창에 붙여넣으세요.