mcp-apps-office-kit

MCP Apps 확장 메커니즘 기반의 Office-Kit: LLM 데스크톱(Claude Desktop 등)이 **캔버스 코어(Canvas Core)**를 통해 PPT / HTML / FlowChart 등 리치 미디어 콘텐츠를 생성할 수 있게 합니다.

핵심 개념: HTML은 진실 계층 · Tailwind + shadcn은 디자인 언어 · 캔버스 코어는 기반 · App은 도메인 캡슐화.

📖 문서

• plan.md · 프로젝트 총괄(계층형 아키텍처 / MVP / 반복 계획 / ADR 인덱스)

• docs/adr/ · 아키텍처 결정 기록(ADR-0001 ~ 0005)

• docs/iterations/ · 주간 반복 세부 정보

Related MCP server: pharos-ai-doc-genie

🚀 빠른 시작(W1 단계)

pnpm install
pnpm dev                 # 启动 server.ts（http://localhost:3456）
pnpm build               # 产出 dist/mcp-ppt-app.html
pnpm test                # 跑 sanitize / contract 单测

W1 Smoke:

# 验证 sanitize + contract 通路
curl -X POST http://localhost:3456/debug/generate_ppt \
  -H "Content-Type: application/json" \
  -d '{"topic":"AI 的未来"}'

📂 디렉토리 구조

plan.md §0.2 참조.

🛠 현재 단계

W1 · 엔지니어링 골격 & MCP 경로 & 보안 기반(v0.0.1)

• ✅ Vite 멀티 엔트리 + TS strict + ESLint/Prettier

• ✅ src/core/ 3종 세트(AppDefinition / Registry / Express)

• ✅ src/shared/html/sanitize.ts(DOMPurify + 화이트리스트)

• ✅ src/shared/html/contract.ts(안정적인 ID 재발급 · ADR-0004)

• ✅ 빈 껍데기 PPT App

• ⏳ Day 2: MCP SDK Streamable HTTP 연결

• ⏳ Day 5: ADR 결정일 + Demo

📜 라이선스

Private / Internal