Agent skill · software engineering · jeremylongshore
framer-install-auth
Install and configure Framer SDK/CLI authentication.
Why this skill is useful
Adds specific commands and setup procedures for integrating with the Framer SDK and API that the AI wouldn't reliably generate on its own.
What it needs
Requires node 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 Install & Auth Examples Use a scoped staging credential to confirm a read-only project check, record only the scope and redacted outcome, then revoke the test credential and verify access is denied. Overview Set up the Framer Plugin SDK for building editor plugins, or the framer-api package for Server API access. Framer has two developer surfaces: Plugins (run inside the Framer editor UI) and Server API (run from any Node.js server via WebSocket). Prerequisites Node.js 18+ Framer account (free or paid) For Server API: API key from site settings Instructions Step 1: Choose Your Integration Type Type Package Use Case ------ --------- ---------- Plugin framer-plugin UI that runs inside Framer editor Server API framer-api Headless CMS sync, CI/CD publishing Code Components React in Framer Custom components on the canvas Code Overrides React in Framer Modify existing component behavior Step 2: Set Up a Framer Plugin This creates a Vite + React project with the framer-plugin package pre-configured. The plugin runs inside Framer's editor iframe. Step 3: Set Up the Server API (Headless Access) Step 4: Configure Environment Variables Step 5: Verify Plugin Connection Open Framer, go to your project, click Plugins > Development > select your local plugin. The dev server hot-reloads into the editor. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/framer-install-auth--86fb72