Capture d’interface vers JSON

Transformez une capture en arborescence visuelle modifiable et dossier pour le développement.

json· Résultat JSONOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL

# 1) Request a presigned URL → returns { uploadUrl, storageKey }
curl -X POST 'https://api.elysiatools.com/api/upload/presign/ui-screenshot-to-structured-json' \
  -H 'Content-Type: application/json' \
  -d '{"filename":"imageFile.ext","contentType":"application/octet-stream","size":12345}'

# 2) PUT the file bytes directly to the presigned uploadUrl
curl -X PUT '<presigned uploadUrl>' \
  --data-binary @/path/to/file.ext

# 3) Call the tool, passing the returned storageKey for each file field
curl -X POST 'https://api.elysiatools.com/fr/api/tools/ui-screenshot-to-structured-json' \
  -F 'imageFile=uploads/2026/01/01/your-tool-1700000000000-abc123.ext' \
  -F 'mode=demo' \
  -F 'consent=false' \
  -F 'context=' \
  -F 'language=en'

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP

POST https://api.elysiatools.com/fr/api/tools/ui-screenshot-to-structured-json

Paramètres

Nom	Type	Requis	Description
imageFile	fileupload requis	Non	—
mode	select	Non	—
consent	checkbox	Non	—
context	textarea	Non	—
language	select	Non	—

Les paramètres de type fichier doivent d'abord être uploadés via POST /upload/ui-screenshot-to-structured-json ; le filePath renvoyé est ensuite transmis au champ correspondant.

Format de réponse

Résultat JSON

JSON

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json

{
  "mcpServers": {
    "elysiatools-ui-screenshot-to-structured-json": {
      "name": "ui-screenshot-to-structured-json",
      "description": "Transformez une capture en arborescence visuelle modifiable et dossier pour le développement.",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=ui-screenshot-to-structured-json",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "ui-screenshot-to-structured-json",
    "arguments": {
  "imageFile": "https://example.com/file.ext",
  "mode": "demo",
  "consent": false,
  "context": "",
  "language": "en"
}
  }
}

Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Les paramètres fichier acceptent uniquement une URL de fichier publique (https://…). Les chemins locaux, les data: URI et les chaînes Base64 ne sont pas pris en charge.

Des questions ou un problème ? Contactez [email protected]