skills.rest
kusutori
kusutoriCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/kusutori/DataViewer --skill reactor-input-kusutori
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
microsoftmicrosoft
609

reactor-input

Handle pointer, gesture, and focus events in Reactor WinUI components.

Official
Advanced
FutureAtomsFutureAtoms
1

react-native-2026-reanimated-moti

Create React Native animations with Reanimated 3 and Moti.

Community
Advanced
kusutorikusutori

reactor-design

Review Reactor UI components for Windows 11 design and accessibility compliance.

Community
Advanced
rodydavisrodydavis
58

multi-touch-canvas-with-flutter

Create a Flutter canvas with multi-touch panning, zooming, and object manipulation.

Community
Advanced