How does it handle modifier keys like Ctrl or Alt?

The skill provides a KeyEvent object that identifies boolean flags for ctrl, shift, meta (Alt), and option (macOS) keys, allowing for complex combinations.

Does this skill support frameworks other than React?

Yes, it provides specific implementations for SolidJS and a Core TypeScript API for framework-agnostic terminal applications.

Can I detect when a key is released in the terminal?

Yes, while many terminal tools only track presses, this skill allows you to opt-in to key release events using the release configuration option.

Does it support Vim-style navigation?

Yes, it includes specific patterns and examples for implementing 'HJKL' navigation and modal editing (Normal vs. Insert modes).

OpenTUI Keyboard Handling

Name: OpenTUI Keyboard Handling
Author: nthplusio

bynthplusio

0•

Developer Tools

Manages complex keyboard interactions, shortcuts, and focus logic for terminal user interfaces built with OpenTUI.

The opentui-keyboard skill provides a comprehensive framework for handling user input within OpenTUI applications across React, Solid, and Core environments. It streamlines the implementation of keyboard shortcuts, Vim-style navigation, and sophisticated focus management, allowing developers to create highly interactive and accessible terminal-based dashboards and tools. By providing a standardized KeyEvent object and pre-built patterns for common CLI interactions, it eliminates the complexity of manual escape sequence parsing and terminal event handling.

Key Features

01Comprehensive KeyEvent mapping including modifiers like Ctrl, Alt, Shift, and Meta.

02Standardized patterns for Vim-style navigation and tab-based focus management.

030 GitHub stars

04Cross-framework support for React, Solid, and vanilla TypeScript implementations.

05Advanced focus-aware shortcut logic to prevent conflicts between inputs and global hotkeys.

06Built-in event types for key press, repeat (long hold), and opt-in release events.

Use Cases

01Creating terminal-based editors or tools with complex Vim-like modal keybindings.

02Building interactive CLI dashboards with hierarchical navigation menus.

03Implementing multi-field data entry forms in the terminal with structured focus cycles.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude opentui-keyboard

For use in Claude.ai and ChatGPT

Download Skill