Design
Gerador de malha de gradiente CSS (cônica + radial)
Gera a «malha de degradês» em alta na Dribbble/Behance desde 2024: vários degradês radiais (mancha de cor → esmaecimento para transparente da mesma cor) sobre uma cor-base (opcionalmente uma camada cônica), com modos de mistura, granulação de filme SVG, disposições com semente (cantos / anel / dispersão / grade), prévia ao vivo, CSS copiável e classe arbitrária do Tailwind. As manchas esmaecem via hex de 8 dígitos #RRGGBB00, evitando o anel cinza da palavra-chave transparent.
Início rápido
Chame esta ferramenta a partir do seu código em três idiomas.
curl -X POST 'https://api.elysiatools.com/pt/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}'Referência da API
Envie uma requisição POST com suas entradas em JSON. Parâmetros do tipo arquivo exigem upload prévio.
Endpoint
POST https://api.elysiatools.com/pt/api/tools/css-gradient-mesh-generatorParâmetros
| Nome | Tipo | Obrigatório | Descrição |
|---|---|---|---|
| preset | select | Não | — |
| color1 | color | Não | — |
| color2 | color | Não | — |
| color3 | color | Não | — |
| color4 | color | Não | — |
| blobCount |
Integração MCP
Adicione esta ferramenta ao seu servidor Model Context Protocol para que agentes de IA possam listá-la e chamá-la.
Configuração do servidor
Adicione este bloco à configuração do seu cliente MCP:
{
"mcpServers": {
"elysiatools-css-gradient-mesh-generator": {
"name": "css-gradient-mesh-generator",
"description": "Gera a «malha de degradês» em alta na Dribbble/Behance desde 2024: vários degradês radiais (mancha de cor → esmaecimento para transparente da mesma cor) sobre uma cor-base (opcionalmente uma camada cônica), com modos de mistura, granulação de filme SVG, disposições com semente (cantos / anel / dispersão / grade), prévia ao vivo, CSS copiável e classe arbitrária do Tailwind. As manchas esmaecem via hex de 8 dígitos #RRGGBB00, evitando o anel cinza da palavra-chave transparent.",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=css-gradient-mesh-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Listar ferramentas disponíveis
Após conectar ao endpoint SSE, liste as ferramentas expostas:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Chamar esta ferramenta
Invoque a ferramenta pelo seu id; os argumentos são construídos a partir de seus parâmetros:
{
"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
}
}
}