Agent skill · software engineering · jeremylongshore
anima-local-dev-loop
Set up iterative design-to-code development loop with Anima SDK.
Why this skill is useful
Adds executable scripts for generating and previewing code from Figma designs using Anima SDK, which are not commonly found in public documentation.
What it needs
Requires npm installed locally. Requires anima, figma account access. About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Anima Local Dev Loop Overview Iterate on one approved Figma node with supported React or HTML settings. Preserve the source revision and settings for each run, preview locally, and accept a result only after deterministic code and visual checks. Prerequisites A staging Figma file and allowlisted node IDs, with scoped credentials loaded from an ignored local environment file or development secret store. A disposable generated-output directory that is not imported by the production application until code and visual review pass. Agreed comparison criteria for accessibility, design-token use, responsive behavior, dependencies, and generation settings. Instructions Step 1: Project Setup Step 2: Generate and Preview Script Step 3: Development Scripts 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 Multi-preset code generation comparison Side-by-side supported React/HTML output for the same design Vite preview server for instant component viewing Iterative generate-preview-tweak loop Examples Select one approved staging frame and run only the react-tailwind preset first. Preview the result locally, compare it to the design for semantics and responsive behavior, and run the project formatter/type check before trying a second preset. Store the Figma version and preset alongside the generated review artifact so the comparison is repeatable. If generation hits a rate limit, output changes unexpectedly, or an unapproved dependency appears, stop the loop, preserve the sanitized error, and correct the fixture or settings instead of continuously regenerating. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/anima-local-dev-loop--95f13d