Skill Store 33

Framer Rate Limits

Implement Framer rate limiting, backoff, and idempotency patterns.

by jeremylongshore · MIT

The skill

Implement Framer rate limiting, backoff, and idempotency patterns. Use when handling rate limit errors, implementing retry logic, or optimizing API request throughput for Framer. Trigger with phrases like "framer rate limit", "framer throttling", "framer 429", "framer retry", "framer backoff".

Framer Rate Limits

Prerequisites

Confirmed provider limits, bounded concurrency/retry policy, approved integration owner, and synthetic staging requests.

Output

Record policy version, aggregate throttles, retry/queue outcome, owner, and manual disposition without visitor data or credentials.

Examples

Simulate a throttled staging request, honor the retry bound under an opaque operation ID, and route repeated failures to review instead of replaying publish actions.

Overview

Handle Framer API rate limits for Server API and plugin operations. The Server API uses WebSocket, so rate limits apply per-connection. CMS operations are limited by collection size and concurrent writes.

Rate Limit Reference

Operation Limit Notes
Server API connections 1 per site WebSocket, persistent
CMS setItems ~100 items/call Batch larger sets
CMS getItems No hard limit Returns all items
Plugin API calls Debounced Framer throttles internally
Publish ~1/minute Site publishing
Image upload Concurrent limit Via CMS image fields

Instructions

Step 1: Batch CMS Writes

async function batchSetItems(collection: any, items: any[], batchSize = 100) {
  for (let i = 0; i < items.length; i += batchSize) {
    const batch = items.slice(i, i + batchSize);
    await collection.setItems(batch);
    console.log(`Synced ${Math.min(i + batchSize, items.length)}/${items.length}`);
    if (i + batchSize < items.length) {
      await new Promise(r => setTimeout(r, 1000)); // 1s between batches
    }
  }
}

Step 2: Debounced Plugin Operations

// Debounce rapid plugin UI interactions
function debounce<T extends (...args: any[]) => any>(fn: T, ms = 300) {
  let timer: NodeJS.Timeout;
  return (...args: Parameters<T>) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), ms);
  };
}

const debouncedSync = debounce(async () => {
  await syncCollection();
}, 500);

Step 3: Retry for Server API

async function withRetry<T>(fn: () => Promise<T>, maxRetries = 3): Promise<T> {
  for (let i = 0; i <= maxRetries; i++) {
    try {
      return await fn();
    } catch (err: any) {
      if (i === maxRetries) throw err;
      const delay = 1000 * Math.pow(2, i);
      console.log(`Retry ${i + 1} in ${delay}ms`);
      await new Promise(r => setTimeout(r, delay));
    }
  }
  throw new Error('Unreachable');
}

Error Handling

Error Cause Solution
WebSocket disconnected Connection timeout Reconnect with backoff
setItems slow Large batch Split into chunks of 100
Publish rate limited Too frequent Wait 60s between publishes

Resources

Next Steps

For security, see framer-security-basics.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: jeremylongshore/framer-rate-limits-62322739852.

Download SKILL.md · Markdown version

Details

Publisher
jeremylongshore
Category
Software Development › APIs & backend
License
MIT
Updated
2026-10-19

References

More from jeremylongshore

  • Agency Os Notion-as-source-of-truth dispatch board for running your work like an AI agency.
  • Audit Use when the user wants a code review on recent changes — quality, spec, security, or performance…
  • Background Use when the user wants to see, inspect, cancel, or prune background agents fired during prior ch…
  • Bridge Use when the user wants hyperflow's behavioral rules to apply outside the terminal CLI — in Claud…

Related skills