webflow-editor-integration

What problem does it solve?

It prevents your Webflow Designer/Editor experience from being disrupted by custom runtime behavior, so components remain usable and visually correct while editing.

Core Features & Use Cases

• Designer vs Published behavior switching: Detects when Webflow is in editor mode and applies editor-safe logic instead of production behaviors.
• Interaction safety: Ensures editing usability by adjusting pointer events and visual transforms so custom code does not block Designer interactions.
• Animation and lifecycle control: Resets JS-applied styles and conditionally skips observer/animation setup to avoid confusing or incorrect editor rendering.

Quick Start

Tell the skill to add editor detection around your component so editor mode applies static, CSS-defined state while the published site initializes animations, observers, and page-transition behavior.