HTML To Interaction Prompts

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when the user provides an HTML file, exported page, generated-page.html, or local/live reference and asks to extract animation/interactions, create prompts, capture screenshots for each prompt, add them to an article, or commit the resulting article/assets.

Scenario: Extract reusable interaction recipes from an existing HTML landing page.

Example input

# Source

A local landing page with a sticky hero, word reveal, magnetic CTA, and WebGL background.

Create one focused prompt per interaction and pair each prompt with visual evidence.

Expected output

# Interaction prompt pack

1. Sticky hero progression
2. Masked word reveal
3. Magnetic CTA hover
4. Pointer-reactive background

Each entry includes source evidence, timing, easing, implementation constraints, and acceptance checks.