opentui

Guide building terminal user interfaces with Core, React, and Solid APIs.

5|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/vab1997/skillstui.sh --skill opentui-vab1997
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/vab1997/skillstui.sh/tree/main/.agents/skills/opentui
Command: npx skills add https://github.com/vab1997/skillstui.sh --skill opentui-vab1997

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

OpenTUI provides a structured, cross-framework guide for building terminal user interfaces using Core, React, and Solid, helping developers create consistent UI patterns across ecosystems.

Core Features & Use Cases

  • Learn and apply the OpenTUI core API for imperative rendering and layout.
  • Migrate between React and Solid reconcilers to build declarative TUIs with familiar patterns.
  • Reference common tasks such as event handling, keyboard input, and testing workflows across frameworks.

Quick Start

Load the Core, React, and Solid references to begin building terminal UIs and prototyping end-to-end workflows.

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 user interface using declarative patterns?

To build a terminal user interface declaratively, load the React or Solid reconciler references to render TUI components using familiar component composition and reactive state management.

What is the best way to handle keyboard input and events in a terminal UI?

To handle keyboard input and events in a terminal UI, reference the common task workflows provided for event handling and keyboard input across Core, React, and Solid implementations.

Can I migrate an existing terminal UI between React and Solid reconcilers?

Yes, you can migrate terminal UIs between React and Solid reconcilers using the cross-framework guide to apply consistent UI patterns and transition between declarative rendering approaches.

How do I start prototyping terminal UIs with the OpenTUI core API?

Start prototyping terminal UIs by loading the OpenTUI core API reference to learn imperative rendering, layout management, and UI composition before moving to declarative frameworks.

Does this guide cover troubleshooting terminal UI rendering issues?

Yes, the guide consolidates troubleshooting guidance for terminal UI rendering issues, ensuring reliable implementation across imperative Core APIs, React, and Solid declarative patterns.

When should I use imperative Core APIs instead of declarative reconcilers for terminal UIs?

Use imperative Core APIs for direct terminal UI rendering and layout control, and switch to React or Solid reconcilers when you need declarative component composition and reactive state updates.