Design
Генератор градиентной сетки CSS (коническая + радиальная)
Генерирует «градиентную сетку», популярную на Dribbble/Behance с 2024-го: несколько радиальных градиентов (цветовое пятно → растворение в прозрачный того же тона) поверх базового цвета (опционально — конический слой), с режимами наложения, SVG-зерном, сидированными раскладками (углы / кольцо / разброс / сетка), живым превью, копируемым CSS и Tailwind-классом. Пятна гаснут через 8-значный hex #RRGGBB00 — без серого кольца ключевого слова transparent.
Быстрый старт
Вызовите этот инструмент из своего кода на трёх языках.
curl -X POST 'https://api.elysiatools.com/ru/api/tools/css-gradient-mesh-generator' \
-H 'Content-Type: application/json' \
-d '{"preset":"cosmic","color1":"#7c3aed","color2":"#ec4899","color3":"#22d3ee","color4":"#34d399","blobCount":4,"layout":"corners","seed":42,"falloff":60,"blendMode":"normal","conicUnderlay":false,"conicAngle":45,"grain":false}'Справочник API
Отправьте POST-запрос с входными данными в JSON. Параметры типа «файл» требуют предварительной загрузки.
Endpoint
POST https://api.elysiatools.com/ru/api/tools/css-gradient-mesh-generatorПараметры
| Имя | Тип | Обязательный | Описание |
|---|---|---|---|
| preset | select | Нет | — |
| color1 | color | Нет | — |
| color2 | color | Нет | — |
| color3 | color | Нет | — |
| color4 | color | Нет | — |
| blobCount |
Интеграция MCP
Добавьте этот инструмент на свой сервер Model Context Protocol, чтобы ИИ-агенты могли перечислять и вызывать его.
Конфигурация сервера
Добавьте этот блок в конфигурацию вашего MCP-клиента:
{
"mcpServers": {
"elysiatools-css-gradient-mesh-generator": {
"name": "css-gradient-mesh-generator",
"description": "Генерирует «градиентную сетку», популярную на Dribbble/Behance с 2024-го: несколько радиальных градиентов (цветовое пятно → растворение в прозрачный того же тона) поверх базового цвета (опционально — конический слой), с режимами наложения, SVG-зерном, сидированными раскладками (углы / кольцо / разброс / сетка), живым превью, копируемым CSS и Tailwind-классом. Пятна гаснут через 8-значный hex #RRGGBB00 — без серого кольца ключевого слова transparent.",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=css-gradient-mesh-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Получить список инструментов
После подключения к SSE-endpoint выведите список доступных инструментов:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Вызвать этот инструмент
Вызовите инструмент по его id; аргументы формируются из его параметров:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "css-gradient-mesh-generator",
"arguments": {
"preset": "cosmic",
"color1": "#7c3aed",
"color2": "#ec4899",
"color3": "#22d3ee",
"color4": "#34d399",
"blobCount": 4,
"layout": "corners",
"seed": 42,
"falloff": 60,
"blendMode": "normal",
"conicUnderlay": false,
"conicAngle": 45,
"grain": false
}
}
}