nakkas
by arikusi·★ 8·综合分 41
MCP服务器将AI转变为SVG艺术家，从JSON配置生成动画SVG图形。
ai-llmdeveloper-toolsmedia
2
Forks
0
活跃 Issue
1 个月前
最近提交
2 天前
收录于
概述
Nakkas是一个专门的MCP服务器，使AI模型能够通过声明式JSON配置系统创建动画SVG图形。它提供渲染SVG、预览输出和以各种格式保存结果的功能。服务器支持CSS @keyframes和SMIL动画，包含各种视觉效果滤镜，并且完全本地运行，无需外部依赖。
试试问 AI
装完之后，这里有 5 个你可以让 AI 做的事：
你:为演示文稿生成动画标志和视觉元素
你:创建带有动画过渡效果的数据可视化
你:为Web应用程序设计UI元素和加载动画
你:Nakkas支持哪些动画类型？
你:我可以使用自定义字体与Nakkas吗？
什么时候选它
当您需要通过AI生成复杂的动画SVG图形而不必学习SVG语法时，选择Nakkas，特别适用于网页视觉、数据可视化或设计原型制作。
什么时候不要选它
如果您需要具有事件处理程序（onclick）的交互式SVG元素，或在静态环境中需要自定义字体加载等高级文本功能，请不要选择Nakkas。
此 server 暴露的工具
从 README 抽取出 3 个工具render_svg(SVGConfig) => { svg: string, warnings?: string[] }Renders an SVG based on a JSON configuration object
preview(content: string) => stringConverts rendered content into a PNG image for visual inspection
save(content: string, outputPath: string, format?: 'auto' | 'svg' | 'png') => stringSaves rendered content to disk as SVG or PNG
可对比工具
svg-editinkscapefigma-api
安装
安装
Claude Desktop
添加到您的配置文件：
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json - Linux:
~/.config/Claude/claude_desktop_config.json - Windows:
%APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": ["-y", "nakkas@latest"]
}
}
}Claude Code (CLI)
claude mcp add nakkas npx nakkas@latestFAQ
- Nakkas支持哪些动画类型？
- Nakkas支持CSS @keyframe动画和SMIL动画（animate、animateTransform、animateMotion）。
- 我可以使用自定义字体与Nakkas吗？
- 是的，系统字体无需加载即可在任何地方使用，自定义字体在渲染环境中可用时也会被接受。
nakkas 对比
最后更新于 · 由 README + GitHub 公开数据自动生成。