vallafederico/webflow-dev-setup
Cursor rule Cursor
Steps for creating and testing modules, from new file to data-module wiring. Use when starting a new module or onboarding.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Steps for creating and testing modules, from new file to data-module wiring. Use when starting a new module or onboarding.
vallafederico/webflow-dev-setup
Cursor rule Cursor
DOM attribute conventions (data-module, data- options, kebab-case). Use when adding or reading attributes for modules or component config.
vallafederico/webflow-dev-setup
Cursor rule Cursor
File and folder structure (src/modules/, lib, utils). Use when adding files, organizing imports, or navigating the codebase.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Module lifecycle (onMount, onDestroy, onPageIn, onPageOut). Use when initializing, cleaning up, or animating page transitions.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Custom module system (data-module, lifecycle hooks, subscriptions). Use when creating or editing modules in src/modules/ or wiring DOM to JS.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Observe (viewport) and onTrack (scroll bounds) for viewport detection and scroll progress. Use when implementing scroll or view-based behavior.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Patterns and rules for the page transition system using Taxi.js and custom module lifecycles. Use when modifying transitions, handling page changes, or implementing cross-page logic.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Scroll service from @lib/scroll (scroll, progress, velocity). Use when implementing scroll-driven animations or scroll subscriptions.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Raf and Resize subscription services from @lib/subs. Use when using requestAnimationFrame or resize handlers in modules.
vallafederico/webflow-dev-setup
Cursor rule Cursor
TypeScript patterns for modules (signature, imports, types). Use when writing or refactoring module code in src/modules/ or lib.
vallafederico/webflow-dev-setup
Cursor rule Cursor
Webflow Designer detection (handleEditor) and editor vs published behavior. Use when disabling features in Designer or handling editor mode.
vallafederico/webflow-dev-setup
Cursor rule Cursor
How to effectively use the Webflow MCP in Cursor. Use when calling Webflow MCP tools, CMS, Designer, sites, or data-modules.