All skills
webflow avatar

/interactions

@dc4ba63 official
by webflowwebflow/webflow-skills126 stars
21

Create, update, list, and delete Webflow IX3 interactions (GSAP animations) through Webflow MCP. Use when the user wants click/hover/load/scroll/mouse-move animations, interaction timelines, or data_interactions_tool / create_interaction payloads.

  • 18 files
  • 218.5 KB
  • Updated last week
  • GitHub

Use this Skill: https://skilld.dev/gh/webflow/webflow-skills/interactions

This session only. Nothing lands on disk.

referencesconditional-playback.md

≈440 tokens on demand. Your agent reads this file only when SKILL.md points to it.

<!-- Published from the Webflow monorepo: packages/systems/ix3/schema/agent-pack/references/conditional-playback.md Do not edit here. Edit the source and re-publish. -->

conditionalPlayback

Interaction-level field. This is authorable. Do not confuse it with trigger-level conditionalLogic, which is gated off entirely — see gated-capabilities.md.

Shape

An array of rule objects, not a keyed object:

conditionalPlayback: [
  {type: 'prefers-reduced-motion', behavior: 'dont-animate'},
];

Two forms:

{type: 'prefers-reduced-motion', behavior: 'dont-animate' | 'skip-to-end'}
{type: 'breakpoint', breakpoints: ['main' | 'medium' | 'small' | 'tiny'], behavior}

A shape like {reducedMotion: 'skip'} is not the wire format and has never been.

On update, null clears the field; omitting it leaves the stored value alone.

Rejected

[REJECTED] Duplicate condition type values in the list. Guard: findConditionalPlaybackError

[REJECTED] behavior: 'skip-to-end' while a continuous trigger (wf:mouse-move) is present. Use dont-animate instead.

[LEGACY-OK-ON-UPDATE] The duplicate-type check is skipped on the update path when the field is not being replaced, so stored data with duplicates is not forced through a migration.

A deliberate carve-out

Scroll scrub is not covered by the skip-to-end restriction. The panel's own filter checks controlType === 'continuous' only, and still offers skip-to-end on scroll. The guard matches that deliberately, so the API is not stricter than the panel.

Read that as the guard stopping where the panel stops, not as an oversight. If a future change tightens it, this note becomes incomplete rather than wrong.

Source: SKILL.md on GitHub

No third-party reports yet.

Signed by skilld at dc4ba63. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub last week.

Activeupdated last week
version
2026.09.21

README badge

README badge for webflow/webflow-skills/interactions