Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
제작자가 쓴 설명(영어 원문)
Narrated demo videos of a branch: your agent records, polls and fetches the video and stories.
이 세 가지는 절대 하나의 점수로 합치지 않아요. 의견, 측정, 인기는 서로 다른 것이니까요.
이 서버는 아직 쉬운 말로 된 요약을 쓰지 못했어요. 아래는 레지스트리에서 읽어 온 사실이에요.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
Authorization비밀로 표시된 값은 내 계정의 열쇠예요. 절대 다른 사람과 공유하거나 채팅에 붙여 넣지 마세요.
필요한 것
어떤 앱을 쓰세요?
위에서 앱을 고르세요. 기억해 두었다가 다음부터는 버튼에 “…에 설치”라고 표시해요.
이 주소는 요청 header에 키가 필요한데, 커넥터 추가 메뉴에서는 넣을 수 없어요. 대신 Claude Code, Cursor, VS Code를 쓰세요.
터미널에서 이 명령어를 실행하세요
claude mcp add --transport http userstoriesbot https://app.userstoriesbot.com/api/mcp --header 'Authorization: Bearer {usb_mcp_key}'실행하기 전에 빈 값을 채워 주세요.
프로젝트의 .cursor/mcp.json 또는 ~/.cursor/mcp.json에 붙여 넣으세요
{
"mcpServers": {
"userstoriesbot": {
"url": "https://app.userstoriesbot.com/api/mcp",
"headers": {
"Authorization": "Bearer {usb_mcp_key}"
}
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
프로젝트의 .vscode/mcp.json에 붙여 넣으세요
{
"servers": {
"userstoriesbot": {
"type": "http",
"url": "https://app.userstoriesbot.com/api/mcp",
"headers": {
"Authorization": "Bearer {usb_mcp_key}"
}
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
이 주소는 요청 header에 키가 필요한데, 커넥터 추가 메뉴에서는 넣을 수 없어요. 대신 Claude Code, Cursor, VS Code를 쓰세요.
선택한 앱은 이 기기의 쿠키에만 저장돼요. 계정은 필요 없어요.
Authorization 비밀 필수 HTTP header이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.
인터넷으로 연결하는 앱
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
서버가 도구 목록을 보여 주기 전에 로그인을 요구해요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 10일 점검
레지스트리 이름이 도메인 userstoriesbot.com 기준으로 확인되었어요(레지스트리가 도메인 소유를 확인해요)
코드 마지막 변경: 3일 전
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
234ms 만에 응답(HTTP 401)
OAuth 로그인을 지원한다고 밝혀서, AI 앱이 로그인 화면으로 안내해 줘요
아직 점검하지 않았어요. 엔드포인트를 점검할 때 도구 목록을 읽어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 4개 중 4개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: Authorization
제작자의 클라우드에서 실행돼요. 설치 없이 인터넷으로 연결하지만, 보내는 내용은 제작자의 서버를 거쳐요.
GitHub 저장소는 마지막으로 3일 전 변경됐고, 최신 버전(0.1.1)은 그저께 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. URL로 연결되기 때문에, 원격 MCP 서버를 지원하는 앱(예: 개발자 모드의 ChatGPT)에서도 쓸 수 있어요.
같은 카테고리에는: Next AI Draw.io, Pascal 3D Editor, screenpipe
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Search your local screen recordings, audio transcripts, and computer activity from screenpipe.
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
Let your agents record the demo. User Stories Bot records narrated demo videos of your app; its MCP server opens that pipeline to your AI agents. An MCP-capable agent asks for a narrated demo of a branch, follows the recording and hands the finished video, captions and user stories to your reviewers, with no pull request needed.
This repository holds documentation only. The server is hosted by User Stories Bot; its source is not in this repository and there is nothing to install or run locally.
https://app.userstoriesbot.com/api/mcp (Streamable HTTP, POST)Authorization: Bearer demo_record, run_status, videos_list, stories_getcom.userstoriesbot/mcpPaid plans; one API key per agent. An org admin creates API keys in the dashboard; they work on the Pro and Team plans. Each key belongs to the org whose GitHub App installation covers the repository, so install the User Stories Bot GitHub App on the repository first: https://github.com/apps/userstoriesbot-com
Put your own key where a snippet shows , or export it as USB_MCP_KEY where a snippet reads ${USB_MCP_KEY}. Never commit the key.
| Tool | What it does | Input | Output |
|---|---|---|---|
demo_record | Record a narrated demo of a branch from a short brief and get a run id back. | repo (owner/repo), branch, brief (at most 1000 characters), optional idempotencyKey (at most 128 characters) | runId, status: "queued", dashboardUrl |
run_status | Follow a run stage by stage, from sandbox start to the finished video. Read only. | runId | runId, status (queued, provisioning, running, succeeded, failed, cancelled, refused), stage, outcome (videos, no_demo, unsupported_stack), reason, createdAt, finishedAt, videos (name, url, captionsUrl, posterUrl), dashboardUrl, setupBrief |
videos_list | List the finished videos of a repository with their share links and captions. Read only. | repo, optional limit (1 to 50, default 20) and cursor | repo, videos (kind guide or run, name, title, url, captionsUrl, posterUrl, durationSec, runId, recordedAt, public), nextCursor |
stories_get | Fetch the user stories and demo steps a run covered, as structured JSON. Read only. | runId | runId, stories (file, id, title, markdown), steps (spec, title, segments of marker and text) |
Every result carries the output above as structured content plus a one-line text summary. A refused call returns a reason instead of a run.
The brief says what to show, in plain words. It passes the same checks as a rerun request: no links, no commands, no instructions to the bot.
The server URL is the same for every client.
VS Code asks for the key in a password prompt; in Cursor, replace the placeholder with your key; in Visual Studio, add the Authorization header afterwards.
.vscode/mcp.json (Visual Studio reads it too), where VS Code asks for the key in a password prompt:
{ "servers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${input:usb_mcp_key}" } } }, "inputs": [{ "type": "promptString", "id": "usb_mcp_key", "description": "User Stories Bot API key", "password": true }] }
claude mcp add --transport http userstoriesbot https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>"
Or a .mcp.json file at the project root:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${USB_MCP_KEY}" } } } }
.cursor/mcp.json:
{ "mcpServers": { "userstoriesbot": { "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${env:USB_MCP_KEY}" } } } }
copilot mcp add --transport http userstoriesbot https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>"
Copilot CLI and VS Code also read the portable ~/.copilot/mcp-config.json:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${USB_MCP_KEY}" }, "tools": ["*"] } } }
In the repository settings (Code, planning, and automation, then Copilot, then MCP servers), store the key as a secret named COPILOT_MCP_USB_KEY and add:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer $COPILOT_MCP_USB_KEY" }, "tools": ["demo_record", "run_status", "videos_list", "stories_get"] } } }
run_status, videos_list and stories_get are marked read only; demo_record is not, because it starts a run.
export USB_MCP_KEY="<USB_MCP_KEY>"
codex mcp add userstoriesbot --url https://app.userstoriesbot.com/api/mcp --bearer-token-env-var USB_MCP_KEY
Or the ~/.codex/config.toml table (shared by the Codex CLI, the desktop app, the IDE extension and the Codex agent in Xcode):
[mcp_servers.userstoriesbot]
url = "https://app.userstoriesbot.com/api/mcp" bearer_token_env_var = "USB_MCP_KEY"
Any MCP client that supports Streamable HTTP with an Authorization header can connect. Most read this shape:
{ "mcpServers": { "userstoriesbot": { "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer <USB_MCP_KEY>" } } } }
The guide at https://userstoriesbot.com/docs/mcp covers JetBrains Junie and AI Assistant, Devin, Antigravity, Zed, Kiro, claude.ai custom connectors and Xcode.
The MCP Inspector lists the tools your key can call:
npx --yes @modelcontextprotocol/inspector@2 --cli --transport http --server-url https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>" --method tools/list --format json
Push the branch to GitHub first, then ask your agent, for example:
Record a demo of this branch with User Stories Bot: show the new checkout flow. Wait for the run to finish, then give me the video link, the captions and the story titles.
A typical session: the agent calls demo_record with the repository, the branch and a short brief, polls run_status until it finishes, then fetches videos_list and stories_get.
demo_record with { "repo": "acme/app", "branch": "feature/checkout", "brief": "Show the new checkout flow." } answers run queued; poll run_status with the runId and the dashboardUrl.run_status with { "runId": " " }, every 30 seconds, until the status is succeeded, failed, cancelled or refused. On succeeded, each entry of videos carries the video url and its captionsUrl. On failed, no_demo or unsupported_stack, a setupBrief tells your coding agent what to change in the repository.stories_get with { "runId": " " } returns the user stories and the demo steps the run covered; videos_list with { "repo": "acme/app" } lists the repository's guides and earlier runs.Use one idempotencyKey per request: a retry with the same key returns the earlier run (already requested) instead of starting a new one.
A run started over MCP uses the credits of your plan like a run from a pull request. Calls are rate limited per key and per org; the limits for your plan are shown on the API keys page of the dashboard. An HTTP 401 means the key is missing or revoked; an HTTP 429 means wait a minute and retry.