plugins
All plugins

anima-pack

v1.4.0

Claude Code skill pack for Anima (18 skills)

Claude Code18 skills

by Jeremy LongshoreMIT2.6kupdated 2 hours ago

Source

git clone https://github.com/jeremylongshore/claude-code-plugins-plus-skills

Clone the source, then follow the repository's marketplace instructions for your runtime. The plugin root is plugins/saas-packs/anima-pack/ inside the repository.

Layout

plugins/saas-packs/anima-pack/
├── .claude-plugin/plugin.json
├── skills/anima-ci-integration/SKILL.md
├── skills/anima-common-errors/SKILL.md
├── skills/anima-core-workflow-a/SKILL.md
├── skills/anima-core-workflow-b/SKILL.md
├── skills/anima-cost-tuning/SKILL.md
├── skills/anima-debug-bundle/SKILL.md
├── skills/anima-deploy-integration/SKILL.md
├── skills/anima-hello-world/SKILL.md
├── skills/anima-install-auth/SKILL.md
├── skills/anima-local-dev-loop/SKILL.md
├── skills/anima-performance-tuning/SKILL.md
├── skills/anima-prod-checklist/SKILL.md
├── skills/anima-rate-limits/SKILL.md
├── skills/anima-reference-architecture/SKILL.md
├── skills/anima-sdk-patterns/SKILL.md
├── skills/anima-security-basics/SKILL.md
├── skills/anima-upgrade-migration/SKILL.md
└── skills/anima-webhooks-events/SKILL.md

Skills18

anima-ci-integrationskills/anima-ci-integration/SKILL.md

Configure CI/CD pipeline for automated Figma-to-code generation with Anima. Use when automating design-to-code in GitHub Actions, setting up PR-based component generation, or integrating Anima into design handoff workflows. Trigger: "anima CI", "anima GitHub Actions", "anima automated generation".

anima-common-errorsskills/anima-common-errors/SKILL.md

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: "anima error", "anima not working", "anima debug", "figma to code error".

anima-core-workflow-askills/anima-core-workflow-a/SKILL.md

Build automated Figma-to-React pipeline with the Anima SDK. Use when automating design handoff, building CI/CD design-to-code workflows, or creating a design system code generator from Figma components. Trigger: "anima design pipeline", "figma to react pipeline", "automated design handoff", "anima component generator".

anima-core-workflow-bskills/anima-core-workflow-b/SKILL.md

Clone websites to React/HTML code and customize Anima output with AI. Use when converting live websites to code, customizing generated components, or building design-system-aware code from URL screenshots. Trigger: "anima website to code", "anima URL clone", "anima AI customization", "website to react", "clone website to code".

anima-cost-tuningskills/anima-cost-tuning/SKILL.md

Optimize Anima API costs through caching, incremental generation, and tier selection. Use when managing Anima API usage, reducing unnecessary code generations, or right-sizing your Anima plan for team size. Trigger: "anima cost", "anima pricing", "anima budget", "anima API usage".

anima-debug-bundleskills/anima-debug-bundle/SKILL.md

Collect Anima SDK debug evidence for support tickets and troubleshooting. Use when filing Anima support requests, debugging code generation issues, or collecting diagnostic data for the Anima team. Trigger: "anima debug bundle", "anima support ticket", "anima diagnostics".

anima-deploy-integrationskills/anima-deploy-integration/SKILL.md

Deploy Anima design-to-code service as a backend API endpoint. Use when building a design-to-code microservice, deploying Anima SDK as a serverless function, or creating an internal design tool API. Trigger: "deploy anima", "anima service deploy", "anima serverless".

anima-hello-worldskills/anima-hello-world/SKILL.md

Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima's code output format, or building your first automated design-to-code pipeline. Trigger: "anima hello world", "anima example", "figma to react", "figma to code", "anima generate code".

anima-install-authskills/anima-install-auth/SKILL.md

Install the Anima SDK and configure authentication for Figma-to-code generation. Use when setting up design-to-code automation, configuring Figma token access, or initializing the @animaapp/anima-sdk for server-side code generation. Trigger: "install anima", "setup anima", "anima auth", "anima figma token".

anima-local-dev-loopskills/anima-local-dev-loop/SKILL.md

Set up iterative design-to-code development loop with Anima SDK. Use when rapidly iterating on Figma-to-code output, comparing framework outputs, or building a local preview server for generated components. Trigger: "anima local dev", "anima dev loop", "anima preview", "anima iteration".

anima-performance-tuningskills/anima-performance-tuning/SKILL.md

Optimize Anima code generation performance with caching, parallelism, and output tuning. Use when reducing generation latency, optimizing batch component generation, or improving generated code quality for production use. Trigger: "anima performance", "anima slow", "anima optimization", "anima caching".

anima-prod-checklistskills/anima-prod-checklist/SKILL.md

Production readiness checklist for Anima design-to-code pipelines. Use when deploying automated design-to-code services, preparing CI/CD Figma-to-code automation, or validating output quality before production. Trigger: "anima production", "anima go-live", "anima prod checklist".

anima-rate-limitsskills/anima-rate-limits/SKILL.md

Implement rate limiting for Anima API code generation requests. Use when batching component generation, handling rate limit errors, or optimizing API throughput for large design systems. Trigger: "anima rate limit", "anima throttling", "anima batch generation".

anima-reference-architectureskills/anima-reference-architecture/SKILL.md

Implement reference architecture for Anima design-to-code automation. Use when designing a design system automation pipeline, structuring a Figma-to-React project, or planning team-scale design handoff. Trigger: "anima architecture", "design-to-code architecture", "anima project structure", "figma automation architecture".

anima-sdk-patternsskills/anima-sdk-patterns/SKILL.md

Apply production-ready patterns for the Anima SDK design-to-code pipeline. Use when building reusable Anima client wrappers, implementing output caching, or establishing team standards for design-to-code automation. Trigger: "anima SDK patterns", "anima best practices", "anima code patterns".

anima-security-basicsskills/anima-security-basics/SKILL.md

Secure Anima and Figma tokens for design-to-code pipelines. Use when protecting API credentials, restricting Figma access scope, or hardening CI/CD design automation pipelines. Trigger: "anima security", "anima token safety", "figma token security".

anima-upgrade-migrationskills/anima-upgrade-migration/SKILL.md

Upgrade @animaapp/anima-sdk versions and handle API changes. Use when upgrading SDK versions, migrating from the Figma plugin workflow to SDK-based automation, or adapting to new Anima API features. Trigger: "anima upgrade", "anima migration", "anima SDK update".

anima-webhooks-eventsskills/anima-webhooks-events/SKILL.md

Use Figma webhooks to trigger automatic Anima code generation on design changes. Use when building event-driven design-to-code pipelines, auto-generating components when Figma files change, or integrating design updates into CI. Trigger: "anima webhook", "figma webhook", "anima auto-generate on change".

Manifests1

plugins/saas-packs/anima-pack/.claude-plugin/plugin.json
{
  "name": "anima-pack",
  "version": "1.4.0",
  "description": "Claude Code skill pack for Anima (18 skills)",
  "author": {
    "name": "Jeremy Longshore",
    "email": "jeremy@intentsolutions.io"
  },
  "license": "MIT",
  "keywords": [
    "anima",
    "anima",
    "saas",
    "sdk",
    "integration"
  ]
}