HyperFrames by HeyGen
Official HyperFrames by HeyGen: the best AI video editor in chat. Captions, motion graphics, MP4.
AI-powered email & WhatsApp for teams — manage your shared inbox from Claude, Cursor or ChatGPT.
使っているAIアプリを選んで、設定をコピーしてください。
チェック 2/3 合格 · あなたのパソコンで動きます · ✓ コマンド確認済み 2026年11月13日
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
SettingsDeveloperEdit Config
{
"mcpServers": {
"dragapp": {
"command": "npx",
"args": [
"-y",
"@dragapp/mcp-server"
],
"env": {
"DRAG_API_KEY": "your-value"
}
}
}
}キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Dragapp MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Dragapp MCP を使っていると言うか、回答に Dragapp MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Dragapp MCP につなげません
Dragapp MCP はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
A · Dragapp MCP につなげるアプリを使う
B · チャット・メール の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
Claude Code につなげますが、先に準備が必要です
Dragapp MCP のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --scope user dragapp --env DRAG_API_KEY=your-value -- npx -y @dragapp/mcp-serverEnter の前に「your-value」を自分のキーに書き換えてください
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Dragapp MCP が一覧にあり、接続済みと表示されれば OK です
Dragapp MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Dragapp MCP を使っていると言うか、回答に Dragapp MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
Dragapp MCP のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
Dragapp MCP の設定で DRAG_API_KEY が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Dragapp MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Dragapp MCP を使っていると言うか、回答に Dragapp MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
Dragapp MCP のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
Dragapp MCP の設定で DRAG_API_KEY が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Dragapp MCP を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Dragapp MCP を使っていると言うか、回答に Dragapp MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
JSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add --scope user dragapp --env DRAG_API_KEY=your-value -- npx -y @dragapp/mcp-serverClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"dragapp": {
"command": "npx",
"args": [
"-y",
"@dragapp/mcp-server"
],
"env": {
"DRAG_API_KEY": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"dragapp": {
"command": "npx",
"args": [
"-y",
"@dragapp/mcp-server"
],
"env": {
"DRAG_API_KEY": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"dragapp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@dragapp/mcp-server"
],
"env": {
"DRAG_API_KEY": "your-value"
}
}
}
}DRAG_API_KEY 秘密 必須 env説明は英語の原文のままです。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月14日にチェック
公開者(dragapp.com)がリポジトリの所有者(nick-timms)ではありません。別の人が登録した可能性があります
コードの最終更新:8 日前
MITを使用
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:DRAG_API_KEY
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は8 日前、最新バージョン(0.1.5)がレジストリに届いたのは4 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:HyperFrames by HeyGen, Inbox Zero, draw.io
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Official HyperFrames by HeyGen: the best AI video editor in chat. Captions, motion graphics, MP4.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP server for DragApp — AI-powered email & WhatsApp for teams. Read and reply to emails, send WhatsApp messages, search threads, manage boards, and more from Claude, ChatGPT, Cursor, or any MCP-compatible AI tool.
Add this URL as a custom connector:
https://app.dragapp.com/mcp
When you connect, a Drag page opens and asks for your API key once (DragApp → Settings → Integrations). The key is verified and handed to your client as its access token; the service stores nothing, and the connect flow never puts your key in a URL. Works in any client that supports remote MCP connectors (OAuth 2.1 + PKCE, dynamic client registration). Nothing to install.
Go to DragApp → Settings → Integrations → copy your API key.
Claude Desktop — add to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": { "dragapp": { "command": "npx", "args": ["-y", "@dragapp/mcp-server"], "env": { "DRAG_API_KEY": "your-api-key" } } } }
Cursor — add to .cursor/mcp.json:
{
"mcpServers": { "dragapp": { "command": "npx", "args": ["-y", "@dragapp/mcp-server"], "env": { "DRAG_API_KEY": "your-api-key" } } } }
Works with any MCP-compatible client — ChatGPT, Windsurf, Claude Code, etc.
Ask your AI assistant:
list_threads · get_thread · reply_to_thread · send_new_email · search_threads · filter_threads · move_thread · move_threads_bulk
list_boards · get_board · list_columns · list_board_members · list_teams
list_cards_in_column · get_card · create_card · update_card · move_card · archive_card
list_labels · add_label_to_thread · remove_label_from_thread · toggle_labels
search_contacts · get_contact_conversations · create_contact
list_articles · get_article · create_article · update_article · search_knowledge
get_response_times · get_avg_response_time · get_daily_activity · get_closed_activity
list_automations · toggle_automation · toggle_ai_drafts
send_whatsapp_message · send_whatsapp_template · list_whatsapp_templates · get_whatsapp_conversation
add_comment · get_comment
list_tags · add_tag_to_card
create_task
47 tools across 12 categories.
git clone https://github.com/nick-timms/drag-mcp-server.git
cd drag-mcp-server npm install cp .env.example .env # add your API key npm run build npm start
This is a public repository. Before committing, install the pre-commit hook so gitleaks scans your staged changes for secrets (keys, JWTs, tokens):
pip install pre-commit # one-time, if you don't have it
pre-commit install # installs the git hook in this repo
Run it manually against everything at any time:
pre-commit run --all-files
The hook uses .gitleaks.toml. The same scan runs in CI on every push and pull request (.github/workflows/secret-scan.yml), and npm publish runs a tarball guard (scripts/check-tarball.mjs) that blocks the release if the built package contains any known-sensitive term.
MIT