SuperAPI AI 工具集

anima

设计与创作

查看项目

更新于 10-16 03:07

技能介绍

用途:Anima 是 AI 编码协作中的设计智能体技能,让 Agent 具备设计感知能力,把视觉想法转成可用于生产的代码。资料给出两条路径。

路径 A:创建并发布。无需本地代码库,从零构建完整应用,Anima 负责设计、代码生成、可扩展数据库与托管,可从想法快速得到在线 URL。创建方式有三种:文本提示词(p2c)、克隆网站 URL(l2c)、Figma URL(f2c)。支持并行生成多个变体,挑选最佳后进入 playground URL 继续细化。发布可输出 liveUrl 与子域名,或以 npm 包形式发布设计系统。

路径 B:集成到代码库。适用于已有项目,从 Figma URL 或已有 Anima Playground 拉取设计与实现,生成适配技术栈的代码、设计 token、资源与实现指引,或将 Playground 代码下载到本地。

使用方式:需先连接并验证 Anima MCP 服务器;交互环境通过浏览器 OAuth 认证,无头环境需在 dev.animaapp.com 的 Settings → API Keys 生成 API 密钥。playground-create 与 playground-publish 调用应使用 600000ms(10 分钟)超时,p2c、l2c 通常需 3–7 分钟,f2c 需 2–5 分钟,发布需 1–3 分钟。写提示词时描述用途、受众、风格与 3–5 个关键功能,避免提供代码片段、十六进制色值、像素尺寸等实现细节。

限制:需要 Anima 账号(有免费层);Figma 流程需在 Anima 认证时连接 Figma 账号;Figma URL 需提取 fileKey,并将 node-id 中的 - 替换为 :;l2c 仅支持 shadcn UI 库且语言固定为 TypeScript;Anima 输出应视为设计与行为的表达,需按项目约定适配。其他细节暂未提供。