nakkas
Active·★ 30·MIT·Updated 2026-07-14
Nakkas is an MCP server that empowers AI assistants to generate animated SVG graphics from declarative JSON configurations. It provides PNG previews and artifact IDs for efficient, token-cheap iteration, without passing full SVG text through the AI's context window.
#SVG Animation#AI Assistant Tool#Declarative Graphics#Model Context Protocol#Image Generation#Frontend Development#Developer Tooling
01
Features
01AI-driven animated SVG creation from declarative JSON.
02Real-time PNG previews for iterative design and AI self-correction.
03Token-efficient workflow using server-side artifact IDs to reduce context window usage.
04Pure declarative SVG with CSS @keyframes and SMIL animations (no JavaScript).
05Zero external dependencies, designed to run locally.
02
Compatibility
Model Context Protocol
Protocol
Verified via docs
Node.js
Runtime
Verified via docs
TypeScript
Language
Verified via docs
GitHub README
Output Target
Verified via docs
Web Browsers
Output Target
Verified via docs
03
Quick start
1
$ git clone https://github.com/arikusi/nakkas
2
$ cd nakkas
3
$ npm install
4
$ npm run build
04
Use cases
↳Generating animated logos, icons, and loading spinners.
↳Creating dynamic GitHub README banners and profile badges.
↳Designing generative art and complex visual elements.
↳Crafting data visualizations like animated bar charts.
↳Enabling AI assistants to programmatically create diverse vector graphics.
05
Alternatives
mcp-image★ 181
MCP server for AI image generation and editing with automatic prompt optimization and quality presets. Supports Nano Banana (Gemini), OpenAI GPT Image, and BytePlus Seedream.
SunoMCP★ 69
MCP server for Suno AI music generation, lyrics, and cover workflows via Ace Data Cloud.
ai-doc-gen★ 768
AI-powered multi-agent system that automatically analyzes codebases and generates comprehensive documentation. Features GitLab integration, concurrent processing, and multiple LLM support for better code understanding and developer onboarding.
mcp-server-excel★ 830
Excel MCP Server & CLI - 22 tools, 211 operations for AI-powered Excel automation via COM API
OpenChatCut★ 2.6k
Local-first conversational AI video editor with a professional multi-track timeline, Agent Skills, MCP integration, and Remotion-powered rendering.
gemini-mcp★ 34
Google Gemini MCP - Use Google's visual, video and chat capabilities in your AI Assistant. Uses MCP Apps to preview created images, landing pages, SVGs and video
Comments
Log in to leave a comment
No comments yet. Be the first!