framer-reference-architecture

Featured

Implement Framer reference architecture with best-practice project layout. Use when designing new Framer integrations, reviewing project structure, or establishing architecture standards for Framer applications. Trigger with phrases like "framer architecture", "framer best practices", "framer project structure", "how to organize framer", "framer layout".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%

100

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# Framer Reference Architecture ## Overview Production architecture for Framer integrations covering plugins, Server API CMS sync, code components, and automated publishing pipelines. ## Architecture Diagram ``` ┌─────────────────────────────────────────────┐ │ Framer Editor │ │ ┌──────────┐ ┌───────────┐ ┌──────────┐ │ │ │ Plugins │ │ Code │ │ Code │ │ │ │ (iframe) │ │ Components│ │ Overrides│ │ │ └────┬─────┘ └───────────┘ └──────────┘ │ │ │ framer-plugin SDK │ ├───────┴──────────────────────────────────────┤ │ Framer CMS │ │ ┌──────────────┐ ┌───────────────────┐ │ │ │ Managed │ │ Unmanaged │ │ │ │ Collections │ │ Collections │ │ │ └──────┬───────┘ └───────────────────┘ │ ├─────────┴────────────────────────────────────┤ │ Server API (WebSocket) │ │ framer-api package │ └─────────┬────────────────────────────────────┘ │ ┌─────────┴────────────────────────────────────┐ │ Your Backend │ │ ┌────────────┐ ┌──────────┐ ┌──────────┐ │ │ │ CMS Sync │ │ Webhook │ │ CI/CD │ │ │ │ Service │ │ Handler │ │ Pipeline │ │ │ └────────────┘ └──────────┘ └──────────┘ │ └──────────────────────────────────────────────┘ ``` ## Project Structure ``` framer-integration/ ├── plugin/ # Framer editor plugin │ ├──...

Details

Author: jeremylongshore
Repository: jeremylongshore/claude-code-plugins-plus-skills
Created: 7 months ago
Last Updated: today
Language: Python
License: MIT

klaviyo-reference-architecture

Implement Klaviyo reference architecture with best-practice project layout. Use when designing new Klaviyo integrations, reviewing project structure, or establishing architecture standards for email/SMS marketing applications. Trigger with phrases like "klaviyo architecture", "klaviyo project structure", "klaviyo design", "how to organize klaviyo", "klaviyo layout".

2,266 Updated today

jeremylongshore