interactive-ui

What problem does it solve?

This skill provides a structured approach to building interactive user interfaces that go beyond static dashboards, enabling input forms, workflow progress trackers, and explorable result views.

Core Features & Use Cases

• State binding with $bindState to enable two-way data synchronization across components.
• on.press actions for button-driven workflows and conditional rendering to guide user flows.
• Pattern-driven templates for combining input collection, progress tracking, and explorable results in web or app interfaces.
• Real-world example: assemble a keyword research form with a live results explorer to capture input, monitor progress, and present findings.

Quick Start

Create an interactive UI that binds a form field to state, adds a Start button with an on.press action, and renders an explorable results panel.