reactor-input

Automate gesture, pointer, drag-and-drop, and focus handling in Reactor frameworks.

Updated Jun 14, 2026

Search Tags:#input handling #focus management #reactor-input #gesture recognition #direct manipulation

Ready to run

npx skills add https://github.com/kusutori/DataViewer --skill reactor-input-kusutori

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: reactor-input
Source: https://github.com/kusutori/DataViewer/tree/main/skills/reactor-input
Command: npx skills add https://github.com/kusutori/DataViewer --skill reactor-input-kusutori

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Reactor input simplifies handling of gestures and focus management, reducing development time and complexity for applications requiring interactive manipulation and focus control.

Core Features & Use Cases

Gestures: Handle panning, pinching, rotating, and tapping with ease.
Pointer Events: Integrate pointer events for accurate touch and mouse control.
Drag-and-Drop: Implement drag-and-drop functionality with clear payloads and UI overrides.
Focus Management: Control focus behavior, including trap, direction, and access keys.
Use Cases: Ideal for any UI with touch interaction or focus-centric designs, such as gaming, data visualization tools, or productivity apps.

Quick Start

Initialize a Reactor skill with the 'reactor-input' package and utilize the .OnPan, .OnPinch, and .OnTapped methods to create an interactive element.

Frequently Asked Questions about reactor-input

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I handle touch gestures like pan and pinch in a Reactor application?▼

You can handle touch gestures in Reactor applications by initializing the reactor-input package and calling methods like .OnPan, .OnPinch, and .OnTapped to process direct manipulation events.

What is the best way to implement drag-and-drop functionality with custom payloads in Reactor?▼

Implementing drag-and-drop in Reactor is best achieved by using dedicated input handling skills that support clear payload definitions and UI overrides, automating complex event management for smooth interactions.

How does focus management work for interactive UI components in Reactor frameworks?▼

Focus management in Reactor frameworks works by controlling focus behavior through traps, directional navigation, and access keys, ensuring proper focus control for productivity apps and data visualization tools.

Can I integrate pointer events for both mouse and touch control in a Reactor app?▼

Yes, you can integrate pointer events in a Reactor app to achieve accurate touch and mouse control, allowing your application to seamlessly handle direct manipulation across different input devices.

When do I need a dedicated input event handler for gesture recognition?▼

You need a dedicated input event handler for gesture recognition when building UIs with touch interaction or focus-centric designs, such as gaming interfaces, data visualization tools, or productivity apps requiring complex manipulation.