La tua AI.
I tuoi shader.

MCP è il protocollo con cui un assistente usa gli strumenti di Mapshroom. Il server remoto è online: funziona anche quando il computer su cui hai installato il server locale è spento. Aggiungilo una volta nelle impostazioni MCP dell’app che vuoi usare.

https://mapshroom.dev/api/mcp

Trasporto: Streamable HTTP. Autenticazione: nessuna. Non servono Node.js o un file da scaricare per la connessione remota. L’accesso e le funzionalità dell’app AI dipendono dal suo piano e dalle impostazioni del workspace.

{
  "mcpServers": {
    "mapshroom": {
      "url": "https://mapshroom.dev/api/mcp"
    }
  }
}

codex mcp add mapshroom-remote --url https://mapshroom.dev/api/mcp

claude mcp add --transport http mapshroom https://mapshroom.dev/api/mcp

{
  "servers": {
    "mapshroom": {
      "type": "http",
      "url": "https://mapshroom.dev/api/mcp"
    }
  }
}

Invia questo messaggio al tuo agente. Può leggere le istruzioni pubbliche senza eseguire JavaScript. Se non ha accesso alle impostazioni, ti guiderà nella configurazione.

Leggi https://mapshroom.dev/mcp/agents.md e configura Mapshroom MCP in questa app usando https://mapshroom.dev/api/mcp (Streamable HTTP, nessuna autenticazione). Conserva gli altri server configurati. Verifica initialize, tools/list, get_mapshroom_context e get_shader_spec. Se non puoi modificare la configurazione, indicami i passaggi esatti. Poi crea uno shader con anteprima e un link per aprirlo in Mapshroom.

Guida testuale per agentiContesto e workflowllms.txtConfigurazione JSON

Leggere una pagina o scrivere “usa Mapshroom” non installa automaticamente un MCP. Gli strumenti devono essere aggiunti e abilitati nel client.

Usa Mapshroom MCP. Leggi get_mapshroom_context e get_shader_spec, poi crea uno shader con onde luminose lente e controlli per velocità e intensità. Mostrami un’anteprima, poi dammi il link per aprirlo in Mapshroom.

1. L’assistente legge il formato GLSL di Mapshroom e scrive lo shader.
2. Se l’app supporta MCP Apps o HTML/WebGL, visualizza l’anteprima interattiva. Altrimenti restituisce un link all’anteprima nel browser.
3. Regola i controlli e premi Open on Mapshroom. Il link contiene lo shader e i valori correnti; il rendering avviene sul dispositivo.
4. Lo shader viene aggiunto al workspace nello stesso browser e profilo. Su un altro dispositivo si apre il suo workspace locale: i progetti non si sincronizzano tramite MCP.

FOTO → PROFONDITÀ → LUCE

Lo shader deve conoscere il suo input.

Il nuovo strumento get_mapshroom_context spiega all’agente cos’è Mapshroom, come preparare foto, depth map e maschere, e cosa legge realmente lo shader. Il calcolo della profondità avviene nell’app sul tuo dispositivo; il server MCP fornisce istruzioni, controlli e link.

Prova le curve luminose su una depth map sintetica: bianco vicino, nero lontano. Regola bande, velocità e colore. Per riprodurre il risultato nel workspace, scarica la mappa; nello shader scegli Load Asset → Import image → Use selection. Il link porta soltanto lo shader e i controlli.

Apri la demo con depth mapScarica la depth mapLeggi contesto ed esempi

Usa Mapshroom MCP. Leggi get_mapshroom_context e get_shader_spec. Mostrami l’esempio depth-contours con previewInput demo-depth, poi dammi il link per aprirlo in Mapshroom e la depth map da selezionare nel workspace.

Per far aggiungere uno shader direttamente dall’assistente senza aprire un link, usa il server locale sullo stesso computer del browser. Questa modalità usa un codice temporaneo; il server remoto non genera codici di connessione.

{
  "mcpServers": {
    "mapshroom-local": {
      "command": "node",
      "args": [
        "/absolute/path/mapshroom-mcp.mjs"
      ]
    }
  }
}

SE QUALCOSA NON TORNA

Trova il punto da sistemare.

La compatibilità di protocollo è verificata con il client SDK MCP. Le funzioni specifiche di ogni app e account possono variare. La pagina e le istruzioni testuali sono pubbliche e indicizzabili; i motori di ricerca decidono quando indicizzarle.