Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace.

MITAuto-check passedFrontend & Design

Install Anima Common Errors

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill anima-common-errors -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace anima-common-errors --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/anima-common-errors .claude/skills/anima-common-errors && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
anima-common-errors
GitHub stars
2.8k
Token cost
~1.6k tokens
SKILL.md length
612 words
Files
2 (incl. references)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace.

  • Works in 4 steps: Classify the failure as authentication,… → Reproduce it with the smallest approved… → Correct the matching design input,… → …
  • Encountering Figma token errors
  • SKILL.md covers Overview, Prerequisites, Instructions and Error Reference, plus 6 more sections
  • Calls curl, jq and node; reaches api.figma.com; needs FIGMA_TOKEN and FIGMA_FILE_KEY

What it does

Anima Common Errors is an agent skill from jeremylongshore/tons-of-skills-marketplace. 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 with: "anima error", "anima not working", "anima debug", "figma to code error".

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/official-docs.md`). Compatibility notes: Requires Node.js 20+, approved Anima API access, current Anima SDK documentation, and authorized Figma or website source access

It sits in Frontend & Design, covering Design to code. It works with Figma. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • Encountering Figma token errors
  • Code generation failures
  • Node not found issues
  • Output quality problems

Example prompts

  • “anima error”
  • “anima not working”
  • “anima debug”
  • “/anima-common-errors”

Requirements

  • Node.js
  • A credential in FIGMA_TOKEN
  • A credential in FIGMA_FILE_KEY
  • Compatibility (from SKILL.md): Requires Node.js 20+, approved Anima API access, current Anima SDK documentation, and authorized Figma or website source access
  • Pre-approved tools (allowed-tools): Read, Write, Edit, Bash(curl:*), Grep

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Classify the failure as authentication, file/node resolution, generator
  2. Reproduce it with the smallest approved frame/component and the diagnostic
  3. Correct the matching design input, entitlement, or generation configuration
  4. Validate the generated file location, lint/build result, and visual review

What it can do on your machine

Read from SKILL.md and the folder at commit 80f86df. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Bash(curl:*)
    • Grep

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • curl
    • jq
    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • api.figma.com

    Also links to:

    • docs.animaapp.com
    • figma.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • FIGMA_TOKEN
    • FIGMA_FILE_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Requires Node.js 20+, approved Anima API access, current Anima SDK documentation, and authorized Figma or website source access

    From compatibility in the SKILL.md frontmatter.

Context cost

Anima Common Errors loads about 1.6k tokens when it runs, and up to ~1.8k if it reads all its reference files. Until then it costs about 71 tokens; SKILL.md has 612 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~71
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit 80f86df, republished under its MIT licence (© jeremylongshore). 612 words, ~1,636 tokens.

Download SKILL.mdSave it as .claude/skills/anima-common-errors/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
anima-common-errors
description
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 with: "anima error", "anima not working", "anima debug", "figma to code error".
allowed-tools
Read, Write, Edit, Bash(curl:*), Grep
compatibility
Requires Node.js 20+, approved Anima API access, current Anima SDK documentation, and authorized Figma or website source access
version
2.0.0
argument-hint
[error-or-symptom]
model
inherit
effort
high
license
MIT
author
Jeremy Longshore <jeremy@intentsolutions.io>
tags
saas, design, figma, anima, troubleshooting

Anima Common Errors

Overview

Use this guide to diagnose design-to-code failures without widening design-file access or leaking tokens. Start from a reproducible file/node/settings tuple and use a least-privilege development credential for all verification.

Prerequisites

  • A sanitized error record with the design file identifier, node identifier, selected generation settings, timestamp, and request ID where available.
  • Scoped Anima and Figma credentials held in a secret store; never paste a personal access token into a ticket, source file, or shared diagnostic log.
  • A staging or disposable design fixture so fixes can be reproduced without mutating a production design file.

Instructions

  1. Classify the failure as authentication, file/node resolution, generator configuration, timeout/rate limit, or rendered-output quality.
  2. Reproduce it with the smallest approved frame/component and the diagnostic commands, capturing only sanitized results.
  3. Correct the matching design input, entitlement, or generation configuration and rerun only that fixture.
  4. Validate the generated file location, lint/build result, and visual review before updating a broader component set.

Error Reference

Authentication Errors
ErrorRoot CauseFix
Invalid Anima tokenToken not provisioned or expiredRequest new token from Anima team
Invalid Figma tokenPAT expired or revokedGenerate new PAT: Figma > Settings > Access Tokens
UnauthorizedToken lacks file accessEnsure Figma PAT has file read permission
File & Node Errors
ErrorRoot CauseFix
File not foundWrong file keyExtract from Figma URL: figma.com/file/{KEY}/...
Node not foundInvalid node IDCopy node link from Figma: right-click > Copy link
No renderable contentSelected a page or groupSelect a frame, component, or component set
Empty files recordNode is empty or hiddenUnhide layers; ensure node has visible content
Code Generation Errors
typescript
// Classify without printing provider messages, which can contain source details.
async function safeGenerate(anima: Anima, params: Parameters<Anima['generateCode']>[0]) {
  try {
    return await anima.generateCode(params);
  } catch (error: unknown) {
    const status = typeof error === 'object' && error !== null && 'status' in error
      ? Number(error.status)
      : undefined;
    const failureClass = status === 401 || status === 403
      ? 'authentication-or-permission'
      : status === 429
        ? 'rate-limited'
        : status !== undefined && status >= 500
          ? 'provider-transient'
          : 'generation-failed';
    console.error({ failureClass, status });
    return null;
  }
}
Output Quality Issues
SymptomCauseFix
Messy layoutNo auto-layout in FigmaConvert frames to auto-layout
Wrong colorsHardcoded hex instead of Figma variablesUse Figma color variables/styles
Missing textText is inside masked groupsFlatten masks before generating
Extra wrappersDeeply nested groupsFlatten group hierarchy
Wrong component namesUnnamed Figma layersName layers descriptively
Valid Settings Combinations
FrameworkLanguageStylingUI Library
reacttypescript, javascriptplain_css, tailwind, inline_stylesomit, mui, antd, radix, shadcn, clean_react, custom_design_system
htmltypescript, javascriptplain_css, tailwind, inline_stylesomit

Diagnostic Script

bash
# Verify Figma token
curl -s "https://api.figma.com/v1/me" \
  -H "X-Figma-Token: ${FIGMA_TOKEN}" | jq '.handle // .err'

# Verify file access
curl -s "https://api.figma.com/v1/files/${FIGMA_FILE_KEY}" \
  -H "X-Figma-Token: ${FIGMA_TOKEN}" | jq '.name // .err'
Show full SKILL.md (253 more words)Show less

Tool Discipline

Use Read and Grep to inspect the existing integration and generated diff before changing anything. Use Write or Edit only inside the approved generated-code, test, or configuration paths. Use the declared Bash commands only for the explicit install, validation, or diagnostic steps in this workflow; never print tokens, source designs, generated source, or private website captures.

Output

  • Error classified and root cause identified
  • Valid settings matrix for reference
  • Diagnostic commands for token and file verification

Examples

When a staging generation returns Node not found, compare the copied node ID with the approved Figma link, then run the file-access diagnostic using a scoped development token. Regenerate only that small frame after correcting the ID and confirm files are emitted to the expected generated-code directory. If access is denied, the node remains hidden, or output is empty, stop the run and ask the file owner to correct permissions or visibility; do not expand the token’s scope or substitute a personal token to get past the error.

Error Handling

FailureResponse
Token is invalid, expired, or over-scopedStop the diagnostic, replace it through managed secret rotation, and avoid logging the value.
File or node cannot be resolvedVerify the approved link and visibility with the design owner before retrying.
Generator times out or rate-limitsUse bounded backoff or simplify the fixture; do not fan out uncontrolled retries.
Generated output is unsafe or wrongKeep it out of the main branch, correct source design/settings, and rerun targeted validation.

Resources

© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in skills/.curated/anima-common-errors of jeremylongshore/tons-of-skills-marketplace.

  • SKILL.md
  • references/official-docs.md

Open the folder on GitHubat commit 80f86df

Compare with similar skills

Anima Common Errors next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Anima Common Errors compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Anima Common Errors this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.6kAutomated safety check: PassMIT
Figma use_figma Plugin API Ruleswarpdotdev/warp65k4 repos~4.4kAutomated safety check: PassAGPL-3.0
Figma Design to Codewarpdotdev/warp65k4 repos~2.9kAutomated safety check: PassAGPL-3.0
Figma Design System Rules Generatorwarpdotdev/warp65k3 repos~4.6kAutomated safety check: PassAGPL-3.0
Figma Code Connect Componentswarpdotdev/warp65k2 repos~4.2kAutomated safety check: PassAGPL-3.0
Design To CodeMigoXLab/coderio1142 repos~1.2kAutomated safety check: PassApache-2.0

Similar skills

  • Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Frontend & DesignAuto-check passed
  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k tokens
    Frontend & DesignAuto-check passed
  • Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.

    65k GitHub starsUsed in 3 repos~4.6k tokens
    Frontend & DesignAuto-check passed
  • Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

    65k GitHub starsUsed in 2 repos~4.2k tokens
    Frontend & DesignAuto-check passed
  • Design To Code

    MigoXLab/coderio

    Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

    114 GitHub starsUsed in 2 repos~1.2k tokens
    Frontend & DesignAuto-check passed
  • Figma Screen Generator

    warpdotdev/warp

    Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

    65k GitHub starsUsed in 2 repos~5k tokens
    Frontend & DesignAuto-check passed

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo
  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes
  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated today
    Auto-check passed
  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated today
    Auto-check passed

Works with

Questions about Anima Common Errors

What does Anima Common Errors do?

Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace. Anima Common Errors is an agent skill from jeremylongshore/tons-of-skills-marketplace. Diagnose and fix common Anima SDK design-to-code errors.

When should I use Anima Common Errors?

Anima Common Errors fits situations like: encountering Figma token errors; code generation failures; Node not found issues; output quality problems.

How do I install Anima Common Errors in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill anima-common-errors -a claude-code`. Or copy the skill folder (skills/.curated/anima-common-errors in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/anima-common-errors in your project. Claude Code loads it when a task matches its description.

How do I install Anima Common Errors in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill anima-common-errors -a codex`. Or copy the skill folder (skills/.curated/anima-common-errors in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/anima-common-errors in your project. Codex loads it when a task matches its description.

Can I use Anima Common Errors in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill anima-common-errors -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/anima-common-errors, .gemini/skills/anima-common-errors, .github/skills/anima-common-errors and .opencode/skills/anima-common-errors in your project.

What does Anima Common Errors need to run?

Going by SKILL.md and its folder, Anima Common Errors needs the command-line tools its instructions call (curl, jq and node) and credentials named FIGMA_TOKEN and FIGMA_FILE_KEY. Our summary lists: Node.js; A credential in FIGMA_TOKEN; A credential in FIGMA_FILE_KEY. Its frontmatter pre-approves these tools: Read, Write, Edit, Bash(curl:*), Grep. Compatibility (from SKILL.md): Requires Node.js 20+, approved Anima API access, current Anima SDK documentation, and authorized Figma or website source access.

Does Anima Common Errors access the network?

SKILL.md names 3 domains. In commands or code: api.figma.com; the agent is likely to contact it when it follows the instructions. As links in the text: docs.animaapp.com and figma.com. This is read from the text; nothing was executed.

Is Anima Common Errors safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Anima Common Errors use?

Anima Common Errors is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Anima Common Errors use?

About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 189 tokens, read only when the agent opens those files.

What are the alternatives to Anima Common Errors?

Skills that share tags, products or a category with Anima Common Errors: Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars), Figma Design to Code (warpdotdev/warp, 65k stars), Figma Design System Rules Generator (warpdotdev/warp, 65k stars) and Figma Code Connect Components (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Anima Common Errors?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,825 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 9, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.