opentui

Build terminal user interfaces with Core, React, and Solid.

5|1|Updated Apr 22, 2025
One-click install
npx skills add https://github.com/mbastakis/dotfiles --skill opentui-mbastakis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/mbastakis/dotfiles/tree/main/.opencode/skill/opentui
Command: npx skills add https://github.com/mbastakis/dotfiles --skill opentui-mbastakis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

OpenTUI provides a unified toolkit for building terminal user interfaces across Core, React, and Solid, consolidating API access, reconciler usage, and reference materials to accelerate UI development.

Core Features & Use Cases

  • Centralized OpenTUI skill that spans imperative Core and declarative React and Solid approaches.
  • Decision-tree guided setup to pick the right framework for a given TUI task.
  • Rich references and patterns for layout, components, keyboard input, and testing across frameworks.
  • Use cases include building reusable TUIs, rapid prototyping, and AI-assisted terminal workflows.

Quick Start

Load the OpenTUI skill in your toolkit and follow the quick-start steps to initialize a project with your preferred framework.

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 Solid?

To build a terminal UI with React or Solid, you use OpenTUI's declarative reconcilers. These reconcilers translate framework component trees into imperative terminal commands, enabling standard declarative patterns for layout and input handling.

What is the best way to choose between imperative and declarative terminal UI frameworks?

Choosing between imperative and declarative terminal UI frameworks requires evaluating your task. OpenTUI provides decision-tree guided setup to help teams select the right approach between Core, React, and Solid based on specific layout and component requirements.

Can I use OpenTUI to handle keyboard input and layout in a terminal application?

Yes, you can use OpenTUI to handle keyboard input and layout in a terminal application. It provides rich references and patterns for practical layout, components, and keyboard input handling across Core, React, and Solid frameworks.

How do I initialize a terminal UI project using OpenTUI?

To initialize a terminal UI project, you load the OpenTUI skill in your toolkit and follow the quick-start steps. This guidance helps you set up your project with your preferred framework, whether Core, React, or Solid, to start building immediately.

Does OpenTUI support testing for terminal user interfaces?

Yes, OpenTUI supports testing for terminal user interfaces. The skill includes rich references and patterns that cover testing workflows alongside layout and component management across the Core, React, and Solid implementations.