Agent skill · software engineering · jeremylongshore
framer-sdk-patterns
Apply production-ready Framer SDK patterns for TypeScript and Python.
Why this skill is useful
Provides production-ready patterns and type-safe operations for Framer SDK that the AI wouldn't reliably generate on its own.
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 SDK Patterns Examples Use a scoped staging integration and fictional CMS data to validate schema and idempotency. Reject an unexpected destination before publishing and record only opaque IDs and aggregate results. Overview Production-ready patterns for Framer plugins, Server API, code components, and CMS integrations. Covers plugin architecture, type-safe CMS operations, and reusable component patterns. Prerequisites Completed framer-install-auth setup Familiarity with React and TypeScript Instructions Step 1: Type-Safe CMS Operations Step 2: Plugin State Management Step 3: Reusable Component Patterns Step 4: Server API Wrapper Step 5: Override Factory Pattern Output Type-safe CMS field definitions Plugin state management hook Reusable component with property controls Server API wrapper class Override factory pattern Error Handling Pattern Use Case Benefit --------- ---------- --------- Type-safe fields CMS collections Catch schema errors at compile time State hook Plugin UI Consistent loading/error states Component patterns Design systems Reusable across projects Override factory Staggered animations DRY animation code Resources Framer API Reference Server API Plugin Components Next Steps Apply patterns in framer-core-workflow-a for CMS sync plugins.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/framer-sdk-patterns