Use the Agentic Web card with the interactive preset to create a code-backed interactive section without enabling the motion or 3D capability flags by default.
Where: Flowgen → Add → Website → Interactive element
Key ideas
- Preset contract: The Add action creates UNIFIED_SECTION with capabilities interactive:true, motion:false, three_d:false and sectionType interactive.
- Shared agentic card: It reuses UnifiedSectionNode: prompt, orchestrator/model, references/media, design system, source HTML/CSS, generation stages, review, versions, and reasoning appear on the card/sidebar contract.
- Opened surfaces: Open preview/reasoning during generation and the embedded f0 editor for direct structural, responsive, code, interaction, motion, or 3D refinement after the draft exists.
Steps
- Add Interactive element and describe the input, state, response, and accessibility behavior—not only its appearance.
- Connect content, media, design-system, Brain, or skill references.
- Generate and test the interaction in preview.
- Open the embedded editor for direct refinement and save the native section back to Flowgen.
Limitations and important notes
- The preset starts with motion and 3D capability flags off; add/refine those deliberately in the appropriate editor workflow.