framer-ci-integration
Configure Framer CI/CD integration with GitHub Actions and testing. Use when setting up automated testing, configuring CI pipelines, or integrating Framer tests into your build process. Trigger with phrases like "framer CI", "framer GitHub Actions", "framer automated tests", "CI framer". '
Profile →npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill framer-ci-integration --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Framer CI Integration ## Overview Set up CI/CD for Framer plugins and Server API integrations. Plugin builds are tested with Vite + vitest. Server API CMS sync can be triggered from CI for automated content publishing. ## Instructions ### Step 1: GitHub Actions for Plugin Build ```yaml name: Framer Plugin CI on: push: branches: [main] pull_request: branches: [main] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: { node-version: '20', cache: 'npm' } - run: npm ci - run: npm run build - run: npm test cms-sync: if: github.ref == 'refs/heads/main' needs: build runs-on: ubuntu-latest env: FRAMER_API_KEY: ${{ secrets.FRAMER_API_KEY }} FRAMER_SITE_ID: ${{ secrets.FRAMER_SITE_ID }} steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: { node-version: '20', cache: 'npm' } - run: npm ci - name: Sync CMS and publish run: node scripts/sync-and-publish.js ``` ### Step 2: CMS Sync Script for CI ```typescript // scripts/sync-and-publish.ts import { framer } from 'framer-api'; async function main() { const client = await framer.connect({ apiKey: process.env.FRAMER_API_KEY!, siteId: process.env.FRAMER_SITE_ID!, }); // Fet
- Overview
- Instructions
- Step 1: GitHub Actions for Plugin Build
- Step 2: CMS Sync Script for CI
- Step 3: Configure Secrets
- Output
- Resources
- Next Steps
gh secret set FRAMER_API_KEY --body "framer_sk_..." gh secret set FRAMER_SITE_ID --body "abc123"
What does the framer-ci-integration skill do?
Configure Framer CI/CD integration with GitHub Actions and testing. Use when setting up automated testing, configuring CI pipelines, or integrating Framer tests into your build process. Trigger with phrases like "framer CI", "framer GitHub Actions", "framer automated tests", "CI framer". '
How do I install it?
Run `npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill framer-ci-integration --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From jeremylongshore/claude-code-plugins-plus-skills, a repository with 2,630 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.