Agent skill · software engineering · jeremylongshore
framer-performance-tuning
Optimize Framer API performance with caching, batching, and connection
Why this skill is useful
Adds multiple executable scripts for optimizing Framer API performance, including batching, memoization, and persistent connections.
What it needs
Requires framer-api installed locally. Requires framer account access. About 2k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Framer Performance Tuning Prerequisites A staging site, aggregate performance baseline, approved content/assets, a change owner, and rollback path. Error Handling Revert changes that harm accessibility, publishing, privacy, or agreed performance thresholds; retain only redacted telemetry for review. Examples Optimize a fictional staging page, compare aggregate performance metrics, and roll back if a synthetic form or route check regresses. Overview Optimize Framer plugin, component, and Server API performance. Key areas: CMS sync speed, component render performance, and plugin responsiveness. Instructions Step 1: Batch CMS Operations Step 2: Optimize Code Component Rendering Step 3: Persistent WebSocket Connection Step 4: Image Optimization Output Batched CMS operations avoiding timeouts Memoized components for render performance Persistent WebSocket connections Image optimization before CMS sync Resources Framer Performance React Performance Next Steps For cost optimization, see framer-cost-tuning.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/framer-performance-tuning