nakkas
活跃·★ 30·MIT·更新于 2026-07-14
Nakkas 是一个 MCP 服务器，它使 AI 助手能够从声明式 JSON 配置生成动画 SVG 图形。它提供 PNG 预览和工件 ID，以实现高效且节省 token 的迭代，而无需将完整的 SVG 文本传递给 AI 的上下文窗口。
#SVG 动画#AI 助手工具#声明式图形#模型上下文协议#图像生成#前端开发#开发工具
01
功能特性
01AI 驱动的动画 SVG 从声明式 JSON 配置创建。
02实时 PNG 预览，支持迭代设计和 AI 自我纠正。
03使用服务器端工件 ID 实现节省 token 的工作流，减少上下文窗口占用。
04纯声明式 SVG，支持 CSS @keyframes 和 SMIL 动画（无 JavaScript）。
05零外部依赖，可本地运行。
02
兼容性
Model Context Protocol
协议
已通过文档验证
Node.js
运行时
已通过文档验证
TypeScript
语言
已通过文档验证
GitHub README
输出目标
已通过文档验证
Web Browsers
输出目标
已通过文档验证
03
快速开始
1
$ git clone https://github.com/arikusi/nakkas
2
$ cd nakkas
3
$ npm install
4
$ npm run build
04
使用场景
↳生成动画标志、图标和加载动画。
↳创建动态 GitHub README 横幅和个人资料徽章。
↳设计生成艺术和复杂的视觉元素。
↳制作如动画条形图等数据可视化。
↳使 AI 助手能够以编程方式创建多样化的矢量图形。
05
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧