Agent skill · software engineering · jeremylongshore
anima-core-workflow-a
Build automated Figma-to-React pipeline with the Anima SDK.
Why this skill is useful
Adds an automated Figma-to-React pipeline with executable scripts for design handoff and component generation that aren't in public docs.
What it needs
Requires npm installed locally. Requires anima, figma account access. About 4k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Anima Core Workflow A — Figma-to-React Pipeline Overview Build a review-driven Figma-to-React pipeline. Detect an approved source revision, generate only allowlisted nodes, contain the output, and open a review change; never turn a Figma change directly into merged or deployed application code. Prerequisites Completed anima-install-auth setup Figma file with organized components (auto-layout recommended) React project (Next.js, Vite, or CRA) Authentication Create the Anima client only on the backend with ANIMATOKEN; pass a managed FIGMATOKEN for the allowlisted file to generateCode. Stop on either token's 401/403 result and correct access without widening the source allowlist. Instructions Step 1: Design System Scanner Step 2: Batch Code Generator Step 3: Figma Change Detection Step 4: Full Pipeline Runner 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 Automated Figma component scanning and enumeration Batch code generation for entire design systems Change detection for continuous design-to-code sync A durable source-revision receipt suitable for a PR review gate Examples Create a staging Figma file with two approved components and configure the pipeline to write only to src/components/generated. Run one generation cycle, inspect the resulting diff, and run the project formatter, type check, and visual review before accepting either component. Persist the last approved Figma version outside the process so a restart does not regenerate an unknown set of nodes. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/anima-core-workflow-a