核心用法
Anima 作为 AI 编码集群中的设计代理，提供两条独立路径：
Path A：创建与发布（全应用生成）
- 三种输入方式：文本描述（p2c）、网站克隆（l2c）、Figma 设计（f2c）
- 自动生成可编辑的完整应用，包含数据库、用户认证和托管
- 支持并行生成多个变体（Explore Mode），快速对比不同设计方向
- 一键发布为可访问的 URL 或 npm 设计系统包
Path B：代码库集成（设计感知代码生成）
- 将 Figma 设计或现有 Anima Playground 转换为项目代码
- 自动适配技术栈（React/HTML、Tailwind/CSS Modules、TypeScript、MUI/AntD/shadcn）
- 输出精确的设计令牌、资源文件和实现指南
技术特性
- 设计智能：描述"感受"而非像素细节，AI 自主生成品牌一致的视觉
- 多框架支持：React、HTML；Tailwind、CSS Modules、Plain CSS；TypeScript
- UI 组件库：MUI、Ant Design、shadcn/ui、Clean React
- 超时要求：
playground-create和playground-publish需设置 10 分钟超时（600000ms）
显著优点
1. 端到端自动化：从想法到可访问 URL，无需配置服务器或数据库
2. 设计-开发无缝衔接：Figma 设计可直接转为可交互原型或生产代码
3. 并行探索能力：同时生成多个设计变体，快速验证方向
4. 代码可编辑性：生成代码完全开放修改，非黑盒方案
5. 双模工作流：既适合快速原型验证，也适合企业级代码集成
潜在局限与风险
- 生成时间：完整应用需 5-10 分钟，不适合实时迭代场景
- 设计复杂度上限：高度定制动画或复杂交互可能需要手动调整
- 品牌一致性依赖：过度指定 CSS 值会抑制 AI 设计能力，导致平庸结果
- 托管依赖：Path A 依赖 Anima 托管基础设施
- Figma 权限：需要用户授权 Figma 账户访问
适合人群
- 产品团队：需要快速验证 MVP 或探索多设计方案
- 设计师-开发者协作：设计师用 Figma，开发者直接获取实现代码
- 独立开发者：无后端经验但需完整应用托管
- 设计系统维护者：将设计资产标准化为可复用 npm 包
常规风险
- API 密钥（
ANIMA_API_KEY）需安全存储 - 生成内容需人工审核后再投入生产环境
- 复杂项目建议分模块生成而非一次性构建