anima-common-errors

Featured

Diagnose and fix common Anima SDK design-to-code errors. Use when encountering Figma token errors, code generation failures, node not found issues, or output quality problems. Trigger: "anima error", "anima not working", "anima debug", "figma to code error".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Anima Common Errors ## Error Reference ### Authentication Errors | Error | Root Cause | Fix | |-------|-----------|-----| | `Invalid Anima token` | Token not provisioned or expired | Request new token from Anima team | | `Invalid Figma token` | PAT expired or revoked | Generate new PAT: Figma > Settings > Access Tokens | | `Unauthorized` | Token lacks file access | Ensure Figma PAT has file read permission | ### File & Node Errors | Error | Root Cause | Fix | |-------|-----------|-----| | `File not found` | Wrong file key | Extract from Figma URL: `figma.com/file/{KEY}/...` | | `Node not found` | Invalid node ID | Copy node link from Figma: right-click > Copy link | | `No renderable content` | Selected a page or group | Select a frame, component, or component set | | Empty `files` array | Node is empty or hidden | Unhide layers; ensure node has visible content | ### Code Generation Errors ```typescript // Common generation error handler async function safeGenerate(anima: Anima, params: any) { try { return await anima.generateCode(params); } catch (err: any) { if (err.message?.includes('rate limit')) { console.error('Rate limited — wait 60s before retrying'); } else if (err.message?.includes('timeout')) { console.error('Generation timed out — simplify the Figma node'); } else if (err.message?.includes('Invalid settings')) { console.error('Invalid settings combo — check framework/styling/uiLibrary compatibility'); } else { ...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

anima-install-auth

Install the Anima SDK and configure authentication for Figma-to-code generation. Use when setting up design-to-code automation, configuring Figma token access, or initializing the @animaapp/anima-sdk for server-side code generation. Trigger: "install anima", "setup anima", "anima auth", "anima figma token".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-security-basics

Secure Anima and Figma tokens for design-to-code pipelines. Use when protecting API credentials, restricting Figma access scope, or hardening CI/CD design automation pipelines. Trigger: "anima security", "anima token safety", "figma token security".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-rate-limits

Implement rate limiting for Anima API code generation requests. Use when batching component generation, handling rate limit errors, or optimizing API throughput for large design systems. Trigger: "anima rate limit", "anima throttling", "anima batch generation".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-prod-checklist

Production readiness checklist for Anima design-to-code pipelines. Use when deploying automated design-to-code services, preparing CI/CD Figma-to-code automation, or validating output quality before production. Trigger: "anima production", "anima go-live", "anima prod checklist".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-hello-world

Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima's code output format, or building your first automated design-to-code pipeline. Trigger: "anima hello world", "anima example", "figma to react", "figma to code", "anima generate code".

2,266 Updated today
jeremylongshore