Lets an assistant create animated SVG graphics from JSON configuration, with keyframes, curves, filters, gradients and PNG preview.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add nakkas -- npx -y nakkas~/.codex/config.toml
[mcp_servers.nakkas]
command = "npx"
args = ["-y", "nakkas"]
# codex mcp add nakkas -- npx -y nakkas~/.cursor/mcp.json
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": [
"-y",
"nakkas"
]
}
}
}.vscode/mcp.json
{
"servers": {
"nakkas": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"nakkas"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": [
"-y",
"nakkas"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": [
"-y",
"nakkas"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": [
"-y",
"nakkas"
]
}
}
}