Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Descripción del creador (original en inglés)
Generate images, video, music and voice from your CLI or AI agent. On-brand AI media toolkit.
Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.
Elige la app de IA que usas y copia la configuración.
Pasó 5/5 revisiones · Lo que preguntas pasa por el servidor del autor (distribea.com)
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude · unos 5 min
Necesitas una clave de Distribea MCP (regístrate en el sitio del autor; puede tener costo) · Configúralo una vez en claude.ai o en la app de escritorio y úsalo en el chat · las cuentas gratis pueden añadir 1
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Puede tener costo.
Cómo obtener la clave está en el README del autor, más abajo
CustomizeConnectors
Copia cada valor al campo con el mismo nombre en Claude y pulsa Continue
Distribea MCPhttps://distribea.com/api/mcp/remoteEn Request headers, añade este nombre y valor
AuthorizationBearer <pega tu clave aquí>Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Deja Authentication como lo detectó Claude y pulsa Add
+ConnectorsDistribea MCP
Usa Distribea MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando Distribea MCP o muestra una herramienta de Distribea MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
ChatGPT todavía no puede conectar Distribea MCP
Distribea MCP necesita tu propia clave para conectarse, pero la ayuda de OpenAI solo describe el inicio de sesión con OAuth; no hay una opción de clave que hayamos podido verificar
A · Usa una app que pueda conectar Distribea MCP
B · Otros en Diseño, imágenes y audio que funcionan con ChatGPT
Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave
Funciona con Claude Code · unos 5 min
Necesitas una clave de Distribea MCP (regístrate en el sitio del autor; puede tener costo)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Puede tener costo.
Cómo obtener la clave está en el README del autor, más abajo
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
claude mcp add --transport http distribea https://distribea.com/api/mcp/remote --header 'Authorization: your-value'Cambia “your-value” por tu clave antes de pulsar Enter
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Deberías ver Distribea MCP en la lista como conectado
Usa Distribea MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando Distribea MCP o muestra una herramienta de Distribea MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Cursor · unos 5 min
Necesitas una clave de Distribea MCP (regístrate en el sitio del autor; puede tener costo)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Puede tener costo.
Cómo obtener la clave está en el README del autor, más abajo
En la configuración de Distribea MCP, Authorization está vacío; añade tu clave y guarda
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Usa Distribea MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando Distribea MCP o muestra una herramienta de Distribea MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con VS Code · unos 5 min
Necesitas una clave de Distribea MCP (regístrate en el sitio del autor; puede tener costo)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Puede tener costo.
Cómo obtener la clave está en el README del autor, más abajo
En la configuración de Distribea MCP, Authorization está vacío; añade tu clave y guarda
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Usa Distribea MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando Distribea MCP o muestra una herramienta de Distribea MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps
Ver todas las apps que usan MCP →
Dirección para apps que se conectan por la web
https://distribea.com/api/mcp/remoteLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http distribea https://distribea.com/api/mcp/remote --header 'Authorization: your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"distribea": {
"url": "https://distribea.com/api/mcp/remote",
"headers": {
"Authorization": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"distribea": {
"type": "http",
"url": "https://distribea.com/api/mcp/remote",
"headers": {
"Authorization": "your-value"
}
}
}
}Claude Code
claude mcp add distribea --env DISTRIBEA_MCP_KEY=your-value -- npx -y distribea-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"distribea": {
"command": "npx",
"args": [
"-y",
"distribea-mcp"
],
"env": {
"DISTRIBEA_MCP_KEY": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"distribea": {
"command": "npx",
"args": [
"-y",
"distribea-mcp"
],
"env": {
"DISTRIBEA_MCP_KEY": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"distribea": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"distribea-mcp"
],
"env": {
"DISTRIBEA_MCP_KEY": "your-value"
}
}
}
}DISTRIBEA_MCP_KEY secreto obligatorio envAuthorization secreto obligatorio HTTP headerEsta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
npm: distribea-mcpSegún cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.
Se conectan por internet en
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Se ejecutan en tu computadora en
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
El servidor pide iniciar sesión antes de mostrar sus herramientas.
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 12 nov 2026
El nombre en el registro se verificó con la cuenta de GitHub Distribea, dueña del repo
Último cambio de código: hace 25 días
Usa MIT
Respondió en 189 ms (HTTP 401)
Declara inicio de sesión con OAuth, así que tu app de IA puede llevarte a iniciar sesión
Aún sin revisar; leemos la lista de herramientas cuando revisamos el endpoint
Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.
Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.
Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.
Aún no hay reseñas
Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.
Superó 5 de 5 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.
Debes completar: DISTRIBEA_MCP_KEY, Authorization
Funciona de las dos formas: instálalo en tu computadora o conéctate a la versión en la nube.
El repo de GitHub cambió por última vez hace 25 días, y la última versión (2.1.0) llegó al registro hace 5 meses.
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también funciona en apps que aceptan MCP remoto, como ChatGPT Business o superior.
En la misma categoría: Next AI Draw.io, Pascal 3D Editor, screenpipe
Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.
Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
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.
Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.
CLI · MCP server · Claude Skill — works with Claude Code · Cursor · Windsurf · Replit · Copilot
[Distribea](https://distribea.com) remakes any video with you in it ([Motion Control](https://distribea.com/ai/motion-control)) and gives a royalty-free library of music, sound effects, footage and images. This package is its on-brand AI media toolkit for builders: it generates images, video, music and voice from plain-language prompts and ships them production-ready — optimised WebP with SEO alt text, downloaded for you or patched straight into your code. One connector, four media types, reachable three ways: a CLI in your terminal, an MCP server your AI coding agent calls while it builds, and a Claude Skill. Define your brand once; a built-in AI art director writes every prompt — you say what you want, never how to render it. Billed in credits at the regular site price; the connector holds no API keys and no secrets.
npm install -g distribea-mcp
distribea login # opens your browser — no key to paste
distribea image "founder portrait, soft daylight" --portrait distribea video "slow waves rolling at golden hour" --landscape distribea music "warm lo-fi beat, mellow, 90 bpm" distribea voice "Welcome to our store." --lang en
Each file lands in a tidy folder, ready to use. Add --dry-run to any command to see the exact credit price first (0 credits, generates nothing).
Most AI media tools hand you a raw model and a blank prompt box, in a browser tab, one image at a time. Distribea is the layer above that — and it lives where you build.
distribea …), drop it into your AI agent as an MCP server (Claude Code, Cursor, Windsurf, Replit, Copilot), or add the Claude Skill so the model reaches for it on its own.The heavy lifting — art direction, generation, billing — runs on the hosted Distribea engine. This package is only the local connector: it scans and patches your files, holds no API keys and no secrets, and bills generation in credits on your Distribea plan at the regular site price.
| Media | Command | What you get |
|---|---|---|
| 🖼️ Image | distribea image " " | One on-brand image (png/jpg), any aspect ratio. Portraits, heroes, product shots, illustrations, review avatars. |
| 🎬 Video | distribea video " " | One short clip (mp4) — text-to-video, or image-to-video from a reference photo. |
| 🎵 Music | distribea music " " | One royalty-ready track (mp3) — intros, backing music, ad beds. |
| 🎙️ Voice | distribea voice " " | One voice-over (mp3), text-to-speech in many languages. |
| 📄 A whole page | distribea page [path] | Every placeholder on a page (or the whole project) filled on-brand, in parallel, patched into your code. |
| ✍️ Blog cover | distribea blog " " | A 16:9 cover image that illustrates the article's actual subject, in your style, + alt text. |
Reach for Distribea whenever a project needs imagery or audio and you'd otherwise ship stock photos, gray placeholders, CSS-gradient-only sections, or a raw pasted photo. Typical jobs:
| Raw-model CLI / MCP | Generic image MCP | Distribea | |
|---|---|---|---|
| Image · video · music · voice | ⚠️ varies | ❌ image only | ✅ all four, one connector |
| Lives in your terminal & your agent | ⚠️ one of them | ⚠️ MCP only | ✅ CLI · MCP · Skill |
| Writes the art direction for you | ❌ you prompt each model | ⚠️ prompt by prompt | ✅ built-in art director |
| Locks your brand once | ❌ | ⚠️ per prompt | ✅ applied everywhere |
| Same face across scenes | ❌ | ❌ | ✅ recurring characters |
| Fills a whole page in one call | ❌ | ❌ | ✅ distribea page |
| Production-ready (WebP + SEO alt) | ❌ | ❌ | ✅ automatic |
| No keys/secrets in the connector | ⚠️ holds your model keys | ⚠️ varies | ✅ browser sign-in, nothing to paste |
In one line: other tools give you a model and a prompt box; Distribea gives you finished, on-brand assets — in the four media types you actually need — without leaving the place you build.
A Distribea plan powers generation (free/trial accounts get a couple of gift images to try it). The connector itself is free and stores no secrets.
npm install -g distribea-mcp
distribea login # opens your browser, click Authorize — no key to paste
distribea whoami confirms you're connected.
Drop this into the .mcp.json at the root of your project:
{
"mcpServers": { "distribea-mcp": { "command": "npx", "args": ["-y", "distribea-mcp@latest"], "env": { "DISTRIBEA_MCP_KEY": "dmcp_…" } } } }
Grab your dmcp_… key at distribea.com/account/mcp. If you've already run distribea login, the server reuses that session and you can omit the env block entirely.
| Tool | Where to add it |
|---|---|
| Claude Code | claude mcp add distribea-mcp -e DISTRIBEA_MCP_KEY=dmcp_… -- npx -y distribea-mcp@latest |
| Cursor | Settings → MCP → Add, or paste the block into ~/.cursor/mcp.json |
| Windsurf | Paste into ~/.codeium/windsurf/mcp_config.json |
| VS Code (Copilot) | Paste into .vscode/mcp.json |
| Replit | Add as a custom MCP server with the command above |
The package ships SKILL.md. Add it once and your agent reaches for Distribea on its own whenever a page needs imagery or audio.
npx skills add Distribea/distribea-mcp
npm install -g distribea-mcp
distribea login distribea image "a quiet beach at sunrise, warm light" --landscape
The file lands in a tidy folder, ready to use. That's it — no model to pick, no prompt engineering: the style is inferred and the art director writes the prompt. From here, swap image for video, music, or voice, or run distribea page to dress a whole page at once.
Every command takes a plain-language subject. Add --dry-run to preview the price first (0 credits, generates nothing).
distribea image "founder portrait, soft daylight, neutral background" --portrait
distribea video "slow waves rolling onto a tropical beach" --landscape
distribea music "warm lo-fi beat, mellow, 90 bpm" --out ./assets
distribea voice "Welcome to our store — let's get you started." --lang en
Turn a real photo into a new on-brand image or animate it. Pass --ref once, or several times for multiple references — automatically capped to what the chosen model accepts.
distribea image "the same product on a marble kitchen counter" --ref ./bottle.jpg
distribea video "gentle push-in on the cliff at golden hour" --ref ./cliff.jpg --portrait
Reads the article and illustrates its specific subject, matched to your locked style, as a 16:9 WebP + alt text.
distribea blog "How we cut our build times in half — full article body here…"
Defaults are strong; only name a model when you want a particular one.
distribea image "minimalist blue logo on white" --model nano-banana-pro --dry-run
distribea models image # or: video | music | voice
The page workflow is the superpower. Build your page with markers wherever an image goes, then one call fills every slot with imagery that matches your brand — one consistent look across the whole site, recurring characters with the same face in every scene, believable UGC avatars for review sections.
distribea page ./index.html # omit the path to dress the whole project
Every image lands production-ready: optimised WebP, proper SEO alt text, and patched straight into your code. No stock photos. No placeholders. No export step. The style is inferred from the page itself, so there's nothing to set up.
Already have a site with cheap or off-brand stock photos? Rebrand them in place — the first pass lists every replaceable image for free, then applies the new look without touching your code (originals kept as *.original).
A real person (a founder, a teacher) or a product that must look identical in every shot is treated as a locked subject — the face/object stays 100% identical, only the staging changes.
distribea image "the teacher explaining at a whiteboard" --ref ./founder.jpg
Never paste a raw photo into the page: leave a placeholder and let the engine restage that exact face in your site's world. Review and testimonial avatars come out as casual smartphone selfies (UGC look); the same reviewer keeps the same face acros