vallafederico/webflow-dev-setup
Skill Claude CodeCodex
Handle Webflow Designer/Editor mode vs Published site behavior. Use when detecting the editor, disabling custom animations in the designer, or managing features based on the environment.
vallafederico/webflow-dev-setup
Skill Claude CodeCodex
Use observer, scroll tracking, and subscription services for advanced interactivity. Use when implementing scroll animations, viewport detection, or frame-based updates.
vallafederico/webflow-dev-setup
Skill Claude CodeCodex
Manage module lifecycles, cleanup, and page transitions. Use when handling component initialization, destruction, or animating page entrances and exits.
vallafederico/webflow-dev-setup
Skill Claude CodeCodex
Create and register custom JavaScript modules for Webflow projects. Use when creating new functionality, adding data-module attributes, or structuring component logic.
vallafederico/webflow-dev-setup
Skill Claude CodeCodex
Manage and implement client-side page transitions using Taxi.js. Use when creating transition animations, handling cross-page state, or debugging navigation.
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.
vallafederico/webflow-dev-setup
Instructions file CodexOpenCode
AGENTS.md instructions for vallafederico/webflow-dev-setup, covering webflow development agent, project guidelines and capabilities.
vallafederico/webflow-dev-setup
Instructions file
Claude Code instructions for vallafederico/webflow-dev-setup, covering webflow development setup, project structure, core systems, environment detection and skills.