Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者による説明(英語の原文)
Image processing pipeline for Next.js. Responsive optimization with Sharp.
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
チェック 2/3 合格 · あなたのパソコンで動きます
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません
SettingsDeveloperEdit Config
{
"mcpServers": {
"darkroom": {
"command": "npx",
"args": [
"-y",
"shutterbox"
]
}
}
}Darkroom を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Darkroom を使っていると言うか、回答に Darkroom のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Darkroom につなげません
Darkroom はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
A · Darkroom につなげるアプリを使う
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
Claude Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add darkroom -- npx -y shutterboxDarkroom が一覧にあり、接続済みと表示されれば OK です
Darkroom を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Darkroom を使っていると言うか、回答に Darkroom のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Darkroom を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Darkroom を使っていると言うか、回答に Darkroom のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Darkroom を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Darkroom を使っていると言うか、回答に Darkroom のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code
claude mcp add darkroom -- npx -y shutterboxClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"darkroom": {
"command": "npx",
"args": [
"-y",
"shutterbox"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"darkroom": {
"command": "npx",
"args": [
"-y",
"shutterbox"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"darkroom": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"shutterbox"
]
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月11日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント sathergate で確認済みです
コードの最終更新:2 か月前
リポジトリにライセンスファイルが見つかりません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は2 か月前、最新バージョン(0.1.1)がレジストリに届いたのは8 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Next AI Draw.io, Pascal 3D Editor, screenpipe
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Agent-native infrastructure toolkit for Next.js. 8 packages, zero dependencies, MCP in every one.
| Package | Description | Install |
|---|---|---|
| gatehouse | Drop-in RBAC with role hierarchy | npm i gatehouse |
| shutterbox | Image processing pipeline | npm i shutterbox |
| flagpost | Feature flags with percentage rollouts | npm i flagpost |
| ratelimit-next | Rate limiting (sliding window, token bucket) | npm i ratelimit-next |
| notifykit | Unified notifications (email, SMS, push) | npm i @sathergate/notifykit |
| croncall | Serverless-native cron jobs | npm i croncall |
| vaultbox | AES-256-GCM encrypted secrets | npm i vaultbox |
| searchcraft | Full-text search with BM25 scoring | npm i searchcraft |
Or install them all:
npm i @sathergate/toolkit
import { createFloodgate } from "ratelimit-next";
import { createSifter } from "searchcraft"; import { createFlagpost } from "flagpost";
// Rate limiting const limiter = createFloodgate({ rules: { api: { limit: 60, window: "1m" } }, });
// Full-text search const search = createSifter({ schema: { title: { weight: 2 }, body: true }, documents: articles, });
// Feature flags const flags = createFlagpost({ flags: { newSearch: { defaultValue: false, rules: [{ value: true, percentage: 25 }] }, }, });
See the kitchen-sink example for a complete Next.js app using 5 packages together.
Every package is agent-native — designed to be discovered and used by AI coding agents:
npx init) for zero-config setupnpm install
npm run build npm run test npm run typecheck
See CONTRIBUTING.md for the full guide.
MIT