anima-ci-integration

Featured

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".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Anima CI Integration ## Instructions ### Step 1: GitHub Actions Workflow ```yaml # .github/workflows/design-sync.yml name: Design-to-Code Sync on: schedule: - cron: '0 9 * * 1-5' # Weekdays at 9am workflow_dispatch: # Manual trigger jobs: generate: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: { node-version: '20' } - run: npm ci - name: Generate components from Figma env: ANIMA_TOKEN: ${{ secrets.ANIMA_TOKEN }} FIGMA_TOKEN: ${{ secrets.FIGMA_TOKEN }} FIGMA_FILE_KEY: ${{ secrets.FIGMA_FILE_KEY }} run: npx tsx scripts/generate-components.ts - name: Lint generated code run: npx eslint src/components/generated/ --fix - name: Check for changes id: changes run: | if git diff --quiet src/components/generated/; then echo "changed=false" >> $GITHUB_OUTPUT else echo "changed=true" >> $GITHUB_OUTPUT fi - name: Create PR with generated components if: steps.changes.outputs.changed == 'true' run: | git checkout -b design-sync/$(date +%Y%m%d) git add src/components/generated/ git commit -m "chore: sync generated components from Figma" git push -u origin HEAD gh pr create --title "Design sync: updated generated components" \ --body "Auto-generated from Figma via ...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

anima-core-workflow-a

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".

2,266 Updated today
jeremylongshore
AI & Automation Featured

figma-ci-integration

Automate Figma design token sync and asset export in CI/CD pipelines. Use when setting up GitHub Actions for Figma, automating icon exports, or validating design token changes in pull requests. Trigger with phrases like "figma CI", "figma GitHub Actions", "automate figma export", "figma CI pipeline".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-webhooks-events

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".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-install-auth

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".

2,266 Updated today
jeremylongshore
AI & Automation Featured

anima-prod-checklist

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".

2,266 Updated today
jeremylongshore