이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
MCP Apps 프로토콜의 공식 사양 및 SDK 저장소 - MCP 서버가 제공하는 UI의 표준 임베디드 AI 챗봇
개요
MCP 앱 MCP 도구 — 차트, 폼, 대시보드 — 를 위한 인터랙티브 UI를 구축하며, Claude, ChatGPT 및 기타 규격 채팅 클라이언트에서 인라인으로 렌더링됩니다. 왜 · 퀵스타트 · API 문서 · 사양 · 기여 MCP 앱으로 빌드된 Excalidraw, Claude에서 실행됨 MCP 앱을 만드는 가장 빠른 방법은 AI 코딩 에이전트가 직접 하도록 하는 것입니다. 이 저장소에는 네 가지 에이전트 스킬이 포함되어 있습니다 — 한 번 설치한 후 요청만 하면 됩니다: — 에이전트 스킬을 지원하는 모든 AI 코딩 에이전트는 이러한 스킬을 사용할 수 있습니다. 수동 설치 지침은 에이전트 스킬 가이드를 참조하세요. 설치 후에는 상담원에게 "어떤 기술이 있나요?"라고 물어보세요 — 목록에서 create-mcp-app, migrate-oai-app, add-app-to-server, convert-web-app 같은 항목이 보일 것입니다. 그 다음 앱을 생성하거나 마이그레이션하라고 요청하면 나머지 작업을 안내해 줍니다. MCP 앱은 핵심 MCP 명세의 확장입니다. 호스트 지원은 다양하며, 전체 목록은 클라이언트 페이지를 참조하세요. MCP 도구는 텍스트와 구조화된 데이터를 반환합니다.
개요(AI 번역)
MCP 앱
MCP 도구들 — 차트, 폼, 대시보드 — 를 위한 인터랙티브 UI를 Claude, ChatGPT 및 기타 규정 준수 채팅 클라이언트에서 인라인으로 렌더링할 수 있도록 하세요.
왜 · 퀵스타트 · API 문서 · 사양 · 기여
MCP 앱으로 빌드된 Excalidraw, Claude에서 실행됨
목차
- 에이전트 스킬로 빌드
- 지원 클라이언트
- 왜 MCP 앱인가요?
- 작동 방식
- 시작하기
- SDK 사용
- 예시
- 사양
- 자료
- 기여
에이전트 스킬로 빌드
MCP 앱을 만드는 가장 빠른 방법은 AI 코딩 에이전트가 직접 하게 하는 것입니다. 이 말입니다 저장소는 에이전트 스킬 4개를 배송합니다 — 한 번 설치하세요, 그럼 그냥 물어보세요:
| 실력 | 그게 하는 일에 대해 | 한번 시도해 보세요 |
|---|---|---|
create-mcp-app |
처음부터 인터랙티브 UI를 갖춘 새로운 MCP 앱 구축 | “MCP 앱 생성” |
migrate-oai-app |
기존 OpenAI 앱을 MCP 앱으로 변환 | “OpenAI Apps SDK에서 마이그레이션” |
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Excalidraw built with MCP Apps, running in Claude
Table of Contents
- Build with Agent Skills
- Supported Clients
- Why MCP Apps?
- How It Works
- Getting Started
- Using the SDK
- Examples
- Specification
- Resources
- Contributing
Build with Agent Skills
The fastest way to build an MCP App is to let your AI coding agent do it. This repo ships four Agent Skills — install them once, then just ask:
| Skill | What it does | Try it |
|---|
설치
npx -y @modelcontextprotocol/server-<name> --stdio설정
{
"mcpServers": {
"<name>": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-<name>", "--stdio"]
}
}
}