io.github.tldraw/tldraw

Est-ce que io.github.tldraw/tldraw est sûr ?

Au dernier audit MCP Hub, le serveur MCP « io.github.tldraw/tldraw » est classé « Non encore testé ». Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur. Le verdict est réévalué en continu ; consultez la fiche pour l'état à jour.

Méthode : MCP Hub analyse la description de chaque outil (couche 1) et, pour le verdict fort, exécute le serveur dans une micro-VM isolée avec leurres et réseau bloqué (couche 2). On publie des noms et des compteurs, jamais le contenu brut renvoyé par un outil.

Les 6 outils

• _exec_callback≈ 162 tokens

  App-only: widget calls this to resolve a pending exec request.

  Paramètres, retour & exemple (4)

  Paramètres

  • error · string · optionnel
  • result · object · optionnel
  • channel · string · requis
  • execKey · string · optionnel

  Exemple d'appel

  {"name": "_exec_callback", "arguments": {"channel": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• _get_canvas_state≈ 108 tokens

  App-only: get the latest checkpoint for a canvas by its canvasId.

  Paramètres, retour & exemple (1)

  Paramètres

  • canvasId · string · requis

  Exemple d'appel

  {"name": "_get_canvas_state", "arguments": {"canvasId": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• exec≈ 520 tokens

  Execute JavaScript code on a tldraw canvas. The code runs in the widget with access to the live `editor` instance, helper functions, and normal js. Use the `search` tool first to discover available Editor methods and shape types. Each canvas has a unique `canvasId`. Omit `canvasId` to create a new blank canvas. To edit an existing canvas, pass the `canvasId` that was returned by a previous exec call. Shapes and text grow depending on the amount of text they have. Use clever scripting to ensure there are no unintended overlaps. Examples: - Create a rectangle: editor.createShape({ _type: 'rectangle', shapeId: 'box1', x: 200, y: 120, w: 320, h: 180, text: 'Hello' }) - Connect shapes with an arrow: editor.createShape({ _type: 'arrow', shapeId: 'a1', fromId: 'box1', toId: 'box2', x1: 0, y1: 0, x2: 100, y2: 0 }) - Select and zoom: editor.select('box1'); editor.zoomToSelection() - Read shapes: return editor.getCurrentPageShapes() - Distribute evenly: editor.distributeShapes(editor.getSelectedShapeIds(), 'horizontal') - Box around shapes: boxShapes(['box1', 'box2'], { text: 'Group label', color: 'blue' }) - Stack shapes dynamically: editor.createShape({ _type: 'rectangle', shapeId: 'a', x: 0, y: 0, w: 300, h: 200, text: 'First box\nwith wrapping text' }); const bounds = editor.getShapePageBounds('a'); editor.createShape({ _type: 'rectangle', shapeId: 'b', x: 0, y: bounds.maxY + 20, w: 300, h: 200, text: 'Below first' })

  Paramètres, retour & exemple (2)

  Paramètres

  • code · string · requis
    JavaScript code to execute. Has access to `editor` (tldraw Editor instance) and helper functions.
  • canvasId · string · optionnel
    Canvas ID to edit. Omit to create a new blank canvas. Pass a canvasId from a previous exec result to continue editing that canvas.

  Exemple d'appel

  {"name": "exec", "arguments": {"code": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• read_checkpoint≈ 105 tokens

  App-only: read shapes from a checkpoint by ID.

  Paramètres, retour & exemple (1)

  Paramètres

  • checkpointId · string · requis

  Exemple d'appel

  {"name": "read_checkpoint", "arguments": {"checkpointId": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• save_checkpoint≈ 159 tokens

  App-only: save shapes to a checkpoint (from user edits). shapesJson and assetsJson must be JSON array strings.

  Paramètres, retour & exemple (5)

  Paramètres

  • canvasId · string · optionnel
  • assetsJson · string · optionnel
  • shapesJson · string · requis
  • bindingsJson · string · optionnel
  • checkpointId · string · requis

  Exemple d'appel

  {"name": "save_checkpoint", "arguments": {"shapesJson": "texte", "checkpointId": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• search≈ 318 tokens

  Search the tldraw Editor API spec by writing JavaScript that receives a `spec` object and returns a result. The spec contains: spec.members (all Editor methods/properties with name, kind, signature, description, category), spec.categories (category names), spec.types.shapes (focused shape type definitions with props), spec.types.shapeTypes (list of all shape type strings), spec.helpers (exec helper functions with descriptions, params, examples). Examples: - Find shape methods: return spec.members.filter(m => m.category === "shapes").map(m => ({ name: m.name, signature: m.signature })) - Get arrow shape props: return spec.types.shapes.find(s => s.shapeType === "arrow") - List all categories: return spec.categories - Find a helper: return spec.helpers.find(h => h.name === "createArrowBetweenShapes")

  Paramètres, retour & exemple (1)

  Paramètres

  • code · string · requis
    JavaScript code that receives `spec` and returns a result. Must use `return` to produce output.

  Exemple d'appel

  {"name": "search", "arguments": {"code": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

C'est votre serveur ?

Revendiquez-le sur l'espace créateur (preuve GitHub, domaine ou npm) pour afficher le badge « propriétaire vérifié » et lancer un pentest comportemental à la demande afin d'obtenir le badge « Vérifié ».

Créer un compte / revendiquer →

Source

https://tldraw-mcp-app.tldraw.workers.dev/mcp