Elysia Tools Docs
FR
Langue
ZHESPTRUFRDEEN
Retour au site
Parcourir les outils

Design

De la palette d’image aux design tokens

Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes

html· Résultat HTMLOuvrir 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/image-to-design-tokens' \
  -H 'Content-Type: application/json' \
  -d '{"filename":"image.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/image-to-design-tokens' \
  -F 'image=uploads/2026/01/01/your-tool-1700000000000-abc123.ext' \
  -F 'paletteSize=5' \
  -F 'scale=tailwind' \
  -F 'format=css' \
  -F 'prefix=brand' \
  -F 'naming=semantic'

© 2026 Elysia Tools. Documentation développeur.

Retour au siteParcourir les outils

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/image-to-design-tokens

Paramètres

NomTypeRequisDescription
imagefileupload requisOui—
paletteSizeselectNon—
scaleselectNon—
formatselectNon—
prefixtextNon—
namingselectNon—
Les paramètres de type fichier doivent d'abord être uploadés via POST /upload/image-to-design-tokens ; le filePath renvoyé est ensuite transmis au champ correspondant.

Format de réponse

Résultat HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

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-image-to-design-tokens": {
      "name": "image-to-design-tokens",
      "description": "Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=image-to-design-tokens",
      "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": "image-to-design-tokens",
    "arguments": {
  "image": "https://example.com/file.ext",
  "paletteSize": "5",
  "scale": "tailwind",
  "format": "css",
  "prefix": "brand",
  "naming": "semantic"
}
  }
}
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]

Parcourir les outils
Ouvrir l'outil