Agent skill

Framer Deploy Integration

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Deploy Framer integrations to Vercel, Fly.io, and Cloud Run platforms.

Install Framer Deploy Integration

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .claude/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .claude/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .agents/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .agents/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .cursor/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .cursor/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace.git --path skills/.curated/framer-deploy-integration

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .gemini/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .gemini/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .github/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .github/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install jeremylongshore/tons-of-skills-marketplace framer-deploy-integration --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/.curated/framer-deploy-integration .opencode/skills/framer-deploy-integration && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "framer-deploy-integration" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/framer-deploy-integration into .opencode/skills/framer-deploy-integration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "framer-deploy-integration", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: framer-deploy-integration
GitHub stars: 2.8k
Token cost: ~856 tokens
SKILL.md length: 135 words
Files: 1
Skills in repo: 3,342
Repo updated: Oct 10, 2026
First seen: Oct 8, 2026
Licence: MIT

At a glance

Deploy Framer integrations to Vercel, Fly.io, and Cloud Run platforms.

Works in 3 steps: Vercel Serverless (CMS Sync API) → Fly.io (Long-Running Sync Service) → Webhook Receiver for Content Updates
Deploying Framer-powered applications to production
SKILL.md covers Prerequisites, Error Handling, Examples and Overview, plus 4 more sections
Calls vercel and fly; needs FRAMER_API_KEY

What it does

Framer Deploy Integration is an agent skill from jeremylongshore/tons-of-skills-marketplace. Deploy Framer integrations to Vercel, Fly.io, and Cloud Run platforms. Use when deploying Framer-powered applications to production, configuring platform-specific secrets, or setting up deployment pipelines. Trigger with phrases like "deploy framer", "framer Vercel", "framer production deploy", "framer Cloud Run", "framer Fly.io".

Its SKILL.md is about 860 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: Designed for Claude Code

It sits in Backend & APIs, covering CI/CD, Deployment and Webhooks. It works with Vercel and Cloud Run. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

Deploying Framer-powered applications to production
Configuring platform-specific secrets
Setting up deployment pipelines
With phrases like deploy framer

Example prompts

“deploy framer”
“framer Vercel”
“framer production deploy”
“/framer-deploy-integration”

Requirements

A credential in FRAMER_API_KEY
Compatibility (from SKILL.md): Designed for Claude Code
Pre-approved tools (allowed-tools): Read, Write, Edit, Bash(vercel:*), Bash(fly:*), Bash(gcloud:*)

Workflow steps

3 steps, taken from the step headings in SKILL.md.

Vercel Serverless (CMS Sync API)
Fly.io (Long-Running Sync Service)
Webhook Receiver for Content Updates

What it can do on your machine

Read from SKILL.md and the folder at commit cfae287. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
- Read
- Write
- Edit
- Bash(vercel:*)
- Bash(fly:*)
- Bash(gcloud:*)
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- vercel
- fly
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
- framer.com
- vercel.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names these keys or tokens, usually read from environment variables:
- FRAMER_API_KEY
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Compatibility
Designed for Claude Code
From compatibility in the SKILL.md frontmatter.

Context cost

Framer Deploy Integration loads about 856 tokens when it runs. Until then it costs about 90 tokens; SKILL.md has 135 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~90
When it runs · the whole SKILL.md, loaded when a task matches: ~856

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit cfae287, republished under its MIT licence (© jeremylongshore). 135 words, ~856 tokens.

Download SKILL.mdSave it as .claude/skills/framer-deploy-integration/SKILL.md (or your agent's skills folder).

name: framer-deploy-integration
description: Deploy Framer integrations to Vercel, Fly.io, and Cloud Run platforms. Use when deploying Framer-powered applications to production, configuring platform-specific secrets, or setting up deployment pipelines. Trigger with phrases like "deploy framer", "framer Vercel", "framer production deploy", "framer Cloud Run", "framer Fly.io".
allowed-tools: Read, Write, Edit, Bash(vercel:*), Bash(fly:*), Bash(gcloud:*)
compatibility: Designed for Claude Code
version: 1.5.0
license: MIT
author: Jeremy Longshore <jeremy@intentsolutions.io>
tags: saas, framer

Framer Deploy Integration

Prerequisites

A deployment owner, scoped integration credential, approved destination/domain policy, staging canary, and rollback operator.

Error Handling

Stop deployment on publishing, domain, access, integration, or privacy failures; restore the previous configuration and keep evidence redacted.

Examples

Deploy a fictional staging site, simulate a failed health/publish check, and verify production is unchanged after rollback.

Overview

Deploy Framer Server API integrations (CMS sync services, webhook handlers) to cloud platforms. Framer sites themselves are hosted by Framer — this covers deploying your backend services that interact with Framer.

Instructions

Step 1: Vercel Serverless (CMS Sync API)

typescript

// api/sync-framer.ts — Vercel serverless function
import type { VercelRequest, VercelResponse } from '@vercel/node';
import { framer } from 'framer-api';

export default async function handler(req: VercelRequest, res: VercelResponse) {
  if (req.method !== 'POST') return res.status(405).end();

  const client = await framer.connect({
    apiKey: process.env.FRAMER_API_KEY!,
    siteId: process.env.FRAMER_SITE_ID!,
  });

  const { items, collectionName } = req.body;
  const collections = await client.getCollections();
  const col = collections.find(c => c.name === collectionName);
  if (!col) return res.status(404).json({ error: 'Collection not found' });

  await col.setItems(items);
  await client.publish();
  res.json({ synced: items.length, published: true });
}

bash

vercel env add FRAMER_API_KEY production
vercel env add FRAMER_SITE_ID production
vercel --prod

Step 2: Fly.io (Long-Running Sync Service)

bash

fly secrets set FRAMER_API_KEY=framer_sk_...
fly secrets set FRAMER_SITE_ID=abc123
fly deploy

Step 3: Webhook Receiver for Content Updates

typescript

// api/webhook-handler.ts — receive webhooks from your CMS, sync to Framer
export default async function handler(req, res) {
  const { event, data } = req.body;
  if (event === 'content.published') {
    const client = await framer.connect({ apiKey: process.env.FRAMER_API_KEY!, siteId: process.env.FRAMER_SITE_ID! });
    // Sync updated content to Framer CMS
    const col = (await client.getCollections()).find(c => c.name === 'Blog Posts');
    if (col) await col.setItems([{ fieldData: data }]);
    await client.publish();
  }
  res.json({ ok: true });
}

Output

Serverless CMS sync endpoint
Webhook handler for content update automation
Platform secrets configured

Resources

Next Steps

For webhook patterns, see framer-webhooks-events.

Files

Just SKILL.md in skills/.curated/framer-deploy-integration of jeremylongshore/tons-of-skills-marketplace.

Open the folder on GitHubat commit cfae287

Compare with similar skills

Framer Deploy Integration next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Framer Deploy Integration compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Framer Deploy Integration this skilljeremylongshore/tons-of-skills-marketplace	2.8k	—	~856	Automated safety check: Pass	MIT	today
CI/CD Pipeline Principlesirahardianto/awesome-agv	156	—	~2.7k	Automated safety check: Notes	MIT	5 days ago
Golivemikehasa/golive-skill	1.3k	—	~13k	Automated safety check: Notes	MIT	6 days ago
Channel Debug Corevercel-labs/vercel-openclaw-archived	117	—	~2k	Automated safety check: Notes	MIT	4 mo ago
Frontmcp Deploymentagentfront/frontmcp	146	—	~9.2k	Automated safety check: Notes	Apache-2.0	today
Emulate Seedyonatangross/orchestkit	292	—	~4.5k	Automated safety check: Pass	MIT	today

Similar skills

CI/CD Pipeline Principles
irahardianto/awesome-agv
Rules for designing CI/CD pipelines in layers: universal lint, test and scan stages, container builds with SBOM attestation, and GitOps for orchestrated deployments.
156 GitHub stars~2.7k tokensUpdated 5 days ago
DevOps & CloudAuto-check: notes
Golive
mikehasa/golive-skill
Take an agent-written app from repo to live production on the user's OWN accounts, with providers they choose (hosting, database, auth, payments, email, domain/DNS).
1.3k GitHub stars~13k tokensUpdated 6 days ago
Backend & APIsAuto-check: notes
Channel Debug Core
vercel-labs/vercel-openclaw-archived
Official
Channel webhook triage for vercel-openclaw Slack/Telegram/Discord/WhatsApp issues: prove deployment state, collect admin readiness endpoints, build evidence-first handoff before fixes.
117 GitHub stars~2k tokensUpdated 4 mo ago
Backend & APIsAuto-check: notes
Frontmcp Deployment
agentfront/frontmcp
A skill your agent uses when deploying, building for production, packaging, or shipping a FrontMCP server.
146 GitHub stars~9.2k tokensUpdated today
DevOps & CloudAuto-check: notes
Emulate Seed
yonatangross/orchestkit
Generate emulate seed configs for stateful API emulation. An agent skill from yonatangross/orchestkit.
292 GitHub stars~4.5k tokensUpdated today
Backend & APIsAuto-check passed
Use Vercel Action
amondnet/vercel-action
Wire amondnet/vercel-action into a GitHub Actions workflow to deploy Vercel projects from CI.
764 GitHub stars~2.7k tokensUpdated 2 mo ago
DevOps & CloudAuto-check passed

Questions about Framer Deploy Integration

What does Framer Deploy Integration do?

Deploy Framer integrations to Vercel, Fly.io, and Cloud Run platforms. Framer Deploy Integration is an agent skill from jeremylongshore/tons-of-skills-marketplace.io, and Cloud Run platforms.

When should I use Framer Deploy Integration?

Framer Deploy Integration fits situations like: deploying Framer-powered applications to production; configuring platform-specific secrets; setting up deployment pipelines; with phrases like deploy framer.

How do I install Framer Deploy Integration in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a claude-code`. Or copy the skill folder (skills/.curated/framer-deploy-integration in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/framer-deploy-integration in your project. Claude Code loads it when a task matches its description.

How do I install Framer Deploy Integration in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a codex`. Or copy the skill folder (skills/.curated/framer-deploy-integration in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/framer-deploy-integration in your project. Codex loads it when a task matches its description.

Can I use Framer Deploy Integration in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill framer-deploy-integration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/framer-deploy-integration, .gemini/skills/framer-deploy-integration, .github/skills/framer-deploy-integration and .opencode/skills/framer-deploy-integration in your project.

What does Framer Deploy Integration need to run?

Going by SKILL.md and its folder, Framer Deploy Integration needs the command-line tools its instructions call (vercel and fly) and credentials named FRAMER_API_KEY. Our summary lists: A credential in FRAMER_API_KEY. Its frontmatter pre-approves these tools: Read, Write, Edit, Bash(vercel:*), Bash(fly:*), Bash(gcloud:*). Compatibility (from SKILL.md): Designed for Claude Code.

Does Framer Deploy Integration access the network?

SKILL.md names 2 domains. As links in the text: framer.com and vercel.com. This is read from the text; nothing was executed.

Is Framer Deploy Integration safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Framer Deploy Integration use?

Framer Deploy Integration is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Framer Deploy Integration use?

About 856 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Framer Deploy Integration?

Skills that share tags, products or a category with Framer Deploy Integration: CI/CD Pipeline Principles (irahardianto/awesome-agv, 156 stars), Golive (mikehasa/golive-skill, 1.3k stars), Channel Debug Core (vercel-labs/vercel-openclaw-archived, 117 stars) and Frontmcp Deployment (agentfront/frontmcp, 146 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Framer Deploy Integration?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,827 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 10, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Framer Deploy Integration

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Compatibility

Context cost

Safety

SKILL.md

Framer Deploy Integration

Prerequisites

Error Handling

Examples

Overview

Instructions

Step 1: Vercel Serverless (CMS Sync API)

Step 2: Fly.io (Long-Running Sync Service)

Step 3: Webhook Receiver for Content Updates

Output

Resources

Next Steps

Files

Compare with similar skills

Similar skills

More from jeremylongshore/tons-of-skills-marketplace

Related

Questions about Framer Deploy Integration