Agent skill · software engineering · jeremylongshore
framer-core-workflow-b
Execute Framer secondary workflow: Core Workflow B.
Why this skill is useful
Provides specific React component patterns and overrides for Framer that enhance the AI's ability to generate custom components.
What it needs
Requires framer installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Framer Code Components & Overrides Examples Build a fictional staging component with no embedded secrets or visitor data, test its publish behavior under a limited role, and verify rollback removes the canary without changing production content. Overview Build code components with property controls and code overrides for Framer sites. Components are custom React rendered on the canvas. Overrides modify existing layer behavior (animations, interactions) without changing the component. Prerequisites Framer project open in editor Understanding of React and Framer Motion Instructions Step 1: Code Component with Property Controls Step 2: Data-Fetching Component Step 3: Code Overrides Step 4: Plugin Creating Code Files Output Animated components with property controls Data-fetching components for external APIs Reusable code overrides for animations Programmatic code file creation Error Handling Error Cause Solution ------- ------- ---------- Component blank Runtime error Check Framer browser console Controls not showing Missing addPropertyControls Call after component export Override not applying Wrong export Must return Override type Fetch fails CORS Use CORS-enabled API Resources Code Components Code Overrides Code File APIs Next Steps For common errors, see framer-common-errors.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/framer-core-workflow-b--00cf74