opentui

Develop terminal user interfaces with OpenTUI for Core, React, and SolidJS.

14|1|Updated Feb 25, 2026

Search Tags:#typescript #react #cli #tui #solidjs #terminal ui

Ready to run

npx skills add https://github.com/rzx007/nanobot-ts --skill opentui-rzx007

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/rzx007/nanobot-ts/tree/main/.agents/skills/opentui
Command: npx skills add https://github.com/rzx007/nanobot-ts --skill opentui-rzx007

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive toolkit for developing rich, interactive terminal user interfaces (TUIs) across multiple frameworks.

Core Features & Use Cases

Cross-Framework Support: Works seamlessly with Core (imperative), React, and SolidJS.
Rich Component Library: Offers components for text display, layout, input, code, and diffs.
Use Case: Develop a command-line application that displays real-time system monitoring data, allows user configuration via interactive forms, and presents code snippets with syntax highlighting.

Quick Start

Use the opentui skill to create a new React-based TUI project named 'my-app'.

Frequently Asked Questions about opentui

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

FAQPage Schema

How do I build a terminal UI with React or SolidJS?▼

You can build terminal UIs using OpenTUI, which supports React and SolidJS alongside an imperative Core API to create interactive CLI applications declaratively.

What components are available for developing interactive command-line applications?▼

Interactive command-line applications can utilize rich components like text displays, boxes, inputs, and code displays with syntax highlighting to build complex layouts.

Does OpenTUI support keyboard handling and animations for CLI apps?▼

Yes, OpenTUI supports keyboard handling and animation features to facilitate rapid development of interactive and responsive terminal user interfaces.

Can I test terminal user interfaces built with this framework?▼

Yes, the framework includes testing features to ensure your terminal user interfaces function correctly, facilitating reliable TUI development and validation.

What is the best way to create a React-based TUI project?▼

The best way to create a React-based TUI project is using the OpenTUI skill, which provides a declarative API to quickly scaffold and develop interactive CLI applications.

Are imperative and declarative APIs both supported for terminal UI development?▼

Terminal UI development supports both imperative and declarative APIs, allowing developers to choose between Core for direct control or React and SolidJS for declarative structures.