Agent skill · software engineering · jeremylongshore
anima-webhooks-events
Use Figma webhooks to trigger automatic Anima code generation on design
Why this skill is useful
Adds an executable script for integrating Figma webhooks with Anima for automatic code generation on design changes.
What it needs
Requires @animaapp/anima-sdk, express 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 Webhooks & Events Overview Use Figma Webhooks v2 to detect approved design changes and enqueue Anima generation. Figma supplies the event contract; this workflow does not invent an Anima webhook API. Prerequisites Team-level Figma webhook permission, a publicly reachable HTTPS endpoint, and a webhook passcode stored in a secret manager rather than source or request logs. An allowlist mapping approved file keys and component node IDs to their generated output directories and responsible owners. A durable event-id/version store, queue with retry and dead-letter handling, and a staging workspace containing synthetic design data. A rate-limit budget, replay/duplicate policy, and an explicit approval gate before generated code can be merged or deployed. Authentication Register the webhook with an authorized Figma token and keep its passcode in the receiver's secret manager. The queued backend worker separately uses managed Anima and Figma credentials; neither credential belongs in the event payload. Instructions Step 1: Register Figma Webhook Step 2: Webhook Handler Error Handling Failure Required response --------- ------------------- Passcode is missing or invalid Return 400, enqueue nothing, and record only a redacted rejection reason. Event is malformed, duplicated, stale, or outside the file/node allowlist Acknowledge safely where appropriate, discard the event, and retain a deduplicated audit receipt. Generation or downstream quality checks fail Retry with bounded backoff, then move the event to a dead-letter queue; do not open a merge or deploy automatically. Figma or Anima rate limit is reached Honor the provider response, apply queue backpressure, and preserve event order for the same file. File is deleted or access is revoked Disable further generation for that source and require owner confirmation before cleanup or re-registration. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/anima-webhooks-events