Design
Extracteur de styles de conception web
Capture une page publique et exporte les couleurs, la typographie, les espacements et les composants observés avec une image.
file· Résultat fichierOuvrir l'outil
Démarrage rapide
Appelez cet outil depuis votre code en trois langages.
cURL
curl -X POST 'https://api.elysiatools.com/fr/api/tools/website-design-style-extractor' \
-H 'Content-Type: application/json' \
-d '{"source":"demo","url":"","viewport":"desktop","colorScheme":"light","format":"zip","waitMs":0}'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/website-design-style-extractorParamètres
| Nom | Type | Requis | Description |
|---|---|---|---|
| source | select | Oui | — |
| url | text | Non | — |
| viewport | select | Oui | — |
| colorScheme | select | Oui | — |
| format | select | Oui | — |
| waitMs |
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-website-design-style-extractor": {
"name": "website-design-style-extractor",
"description": "Capture une page publique et exporte les couleurs, la typographie, les espacements et les composants observés avec une image.",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=website-design-style-extractor",
"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": "website-design-style-extractor",
"arguments": {
"source": "demo",
"url": "",
"viewport": "desktop",
"colorScheme": "light",
"format": "zip",
"waitMs": 0
}
}
}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).
Des questions ou un problème ? Contactez [email protected]