Anima Install & Auth
Install the Anima SDK and configure authentication for Figma-to-code
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.

Install the Anima SDK and configure authentication for Figma-to-code
Production readiness checklist for Anima design-to-code pipelines.
Upgrade @animaapp/anima-sdk versions and handle API changes.
Use Figma webhooks to trigger automatic Anima code generation on design
Configure Figma Enterprise features: OAuth 2.0, team management, and
Build automated Figma-to-React pipeline with the Anima SDK.
Optimize Anima API costs through caching, incremental generation, and
Collect Anima SDK debug evidence for support tickets and troubleshooting.
Deploy Anima design-to-code service as a backend API endpoint.
Implement reference architecture for Anima design-to-code automation.
Implement rate limiting for Anima API code generation requests.
Clone websites to React/HTML code and customize Anima output with AI.
Set up iterative design-to-code development loop with Anima SDK.
Optimize Anima code generation performance with caching, parallelism,
Apply production-ready patterns for the Anima SDK design-to-code pipeline.
Transform feature briefs into structured design briefs that give designers the context they need before opening Figma. Use when asked to write a design brief, create a design handoff, brief a designer on a new feature, or translate a PRD into design requirements. Produces a brief with user goal, ...
Audit a design system for consistency, coverage, and quality. Use when asked to audit a design system, review a component library, assess design token coverage, or evaluate the health of a shared design system. Produces a structured audit with a health score, component coverage gaps, token incons...
Runs a structured PM design review against product requirements. Use when asked to review a Figma design, check a design against requirements, or assess whether a design meets the product spec. Produces a requirements coverage check, UX concerns, open questions, and an explicit approval status — ...
Creates production-ready design files, prototypes, and specifications for development teams. Translates validated concepts into detailed, implementable designs with comprehensive specs for developers. Produces Figma files (via API), high-fidelity prototypes, design specifications, and animation f...
Use this skill when users mention "sync design tokens", "Figma to code", "design system sync", "token drift", "keep tokens in sync", or want to synchronize design tokens between Figma and codebase bidirectionally with automatic drift detection and conflict resolution.
Generate Figma mockups from wrangler specifications with hierarchical file structure and approval tracking
PRODUCT DESIGN \u2014 Nivel Apple workflow skill. Use this skill when the user needs Design de produto nivel Apple \u2014 sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, mo...
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement
Guidelines for integrating Figma designs with development workflows using MCP servers and best practices
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksInclude the instructions, intended platforms, author, and license. Submissions are reviewed before publication.