MCP 앱 예제 갤러리 (fable 후보)

여섯 가지 공식 Model Context Protocol MCP 앱 예제를 원격 Streamable HTTP MCP 서버로 호스팅하여 URL로 바로 사용할 수 있습니다. 클론, npx, 터널이 필요 없습니다. 각 예제는 안정적인 엔드포인트, 스크린샷과 샘플 프롬프트가 포함된 갤러리 카드, 그리고 MCP URL 복사 기능을 제공합니다.

독립성 고지. 이 갤러리는 공식 예제를 독립적으로 호스팅하여 적용한 것으로, 업스트림 커밋 10195ad9에 고정되어 있습니다. 이는 공식 Model Context Protocol 서비스가 아니며, Model Context Protocol 프로젝트에서 호스팅하거나 보증하지 않습니다. 이는 데모 서비스로, 계정, 저장된 사용자 데이터, SLA가 없습니다.

앱 목록

비-MCP 경로: / (갤러리 페이지), /apps.json (기계 판독 가능 매니페스트), /healthz, /readyz, /version.

Related MCP server: MCP Reference Server

프로덕션 엔드포인트

프로덕션 갤러리는 https://openwork-mcp-app-gallery-fable.vercel.app 에서 제공됩니다 (정확히 배포된 커밋에 대해 검증됨; 영수증은 BENCHMARK_REPORT.md 및 TIMELINE.md에 있음):

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/get-time/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/budget-allocator/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/cohort-heatmap/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/customer-segmentation/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/scenario-modeler/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/transcript/mcp

5분 안에 예제 사용해보기

1. 갤러리 페이지를 열고 카드에서 MCP URL 복사를 누릅니다 (또는 위의 엔드포인트를 복사합니다).

2. MCP 앱 호환 호스트에서 URL을 원격 MCP 서버로 추가합니다. OpenWork에서는 사용자 구성 MCP 서버로 추가하고, 다른 호스트에는 이에 상응하는 "원격 MCP 서버 추가" 흐름이 있습니다.

3. 카드의 샘플 프롬프트를 보냅니다 (예: budget-allocator의 경우: "대화형으로 조정할 수 있는 100만 달러 시드 단계 예산을 만들어 줘.").

4. 대화 내에서 렌더링되는 앱 UI와 상호작용합니다.

MCP 앱을 지원하지 않는 호스트도 작동합니다: 모든 도구는 폴백으로 일반 텍스트 및/또는 구조화된 결과를 반환하므로, 일반 MCP 클라이언트도 UI 없이 유용한 출력을 얻을 수 있습니다.

프로토콜 지원: 현재 2026-07-28 프로토콜 개정판 (요청별 봉투)과 상태 비저장 2025년대 Streamable HTTP 흐름 (initialize → tools/* / resources/*)이 모든 엔드포인트에서 제공됩니다. 세션이 없는 GET 및 DELETE는 405를 반환합니다 — 제공은 상태 비저장이며 종료할 서버 측 세션이 없습니다.

로컬에서 실행하기

Node.js 24.x 및 pnpm 10.28.0 (corepack 사용) 필요:

corepack enable
pnpm install --frozen-lockfile
pnpm dev

이 명령은 여섯 개의 앱 UI를 불변 리소스 번들로 빌드하고, 갤러리 사이트를 생성하며, 모든 것을 http://localhost:3000에서 제공합니다.

전체 릴리스 게이트 (포맷팅, 린트, 엄격한 타입 검사, 출처/고지 검증, 소스 경계 스캔, 종속성 감사, 두 프로토콜 시대에 걸친 95개 테스트 단위/게이트웨이/계약 매트릭스, 프로덕션 Vercel 빌드, 아키텍처 불변성, SBOM 생성, 업스트림 기본 호스트를 통한 15개 브라우저 테스트)를 재현합니다:

pnpm exec playwright install chromium
pnpm release:check

소스 출처 및 출처 증명

• 업스트림 예제 소스는 정확히 고정된 커밋에서 upstream/ext-apps/ 아래에 복사되며, 파일별 다이제스트와 모든 로컬 수정 사항이 upstream/manifest.json에 문서화되고 pnpm verify:notices로 검증됩니다.

• 로컬 수정 사항은 다음으로 제한됩니다: MCP SDK v1 + @modelcontextprotocol/ext-apps/server에서 갤러리의 SDK v2 어댑터로의 가져오기 적응 (src/mcp-app-adapter.ts), 로컬 파일 시스템 대신 번들된 불변 저장소에서 UI HTML 읽기, 그리고 customer-segmentation을 위한 결정론적 시드 데이터셋 (상태 비저장 서버리스 인스턴스는 동일한 데이터를 제공해야 함).

• 갤러리 소유 코드는 Apache-2.0 (LICENSE)입니다. 복사된 업스트림 코드는 자체 고지를 유지합니다 (THIRD_PARTY_NOTICES.md).

• pnpm check:upstream은 업스트림 드리프트를 읽기 전용으로 보고합니다. 업스트림은 빌드 또는 런타임에 가져오지 않습니다.

데이터 동작, 로깅 및 제한

• 계정, 쿠키, 데이터베이스, 업로드, 저장된 사용자 상태가 없습니다. 모든 앱 데이터는 합성 또는 요청 범위 내입니다. transcript 앱의 음성 인식은 브라우저에서 실행되며 (호스트가 마이크 권한을 요청함), 오디오나 전사 내용이 갤러리 서버에 도달하지 않습니다.

• 의도된 서버 측 네트워크 이그레스는 Wave 1 앱에 없습니다. CI는 런타임 소스에서 네트워크, 서브프로세스 및 파일 시스템 쓰기 프리미티브를 스캔합니다.

• 로그에는 익명의 집계 메타데이터만 포함됩니다: 앱 slug, JSON-RPC 메서드 카테고리, 상태, 지속 시간 및 바이트 수 — 도구 인수, 결과, 프롬프트, 리소스 내용, 헤더, 쿠키 또는 IP 주소는 절대 포함되지 않습니다.

• 제한: 256KiB 요청 본문; 512KiB 도구 결과; 1MiB 번들 UI 리소스; 15초 애플리케이션 기한 (30초 플랫폼 최대); 인스턴스별 동시성 제한은 429 + Retry-After로 초과분을 처리합니다. 플랫폼 에지 속도 제한은 /apps/*/mcp에 적용됩니다.

• 앱은 개별적으로 비활성화될 수 있습니다 (실패-폐쇄 DISABLED_APP_SLUGS 재정의). 비활성화된 앱은 /apps.json에서 enabled: false로 계속 표시됩니다.

SLA 없음

이것은 가용성 약속 없이 제공자 인프라에서 실행되는 호스팅된 학습 및 데모 표면입니다. 엔드포인트는 언제든지 속도 제한, 비활성화 또는 제거될 수 있습니다.