opentui

Guide developers in building terminal UIs with OpenTUI core components.

5|Updated Jan 17, 2026
One-click install
npx skills add https://github.com/DimitriGilbert/ai-skills --skill opentui-dimitrigilbert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/DimitriGilbert/ai-skills/tree/main/opentui
Command: npx skills add https://github.com/DimitriGilbert/ai-skills --skill opentui-dimitrigilbert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

OpenTUI core development guidance accelerates building terminal UIs by providing ready-to-use components, patterns, and debugging strategies for vanilla TypeScript.

Core Features & Use Cases

  • Component-driven building blocks (TextRenderable, BoxRenderable, GroupRenderable, InputRenderable, SelectRenderable, ScrollBoxRenderable, CodeRenderable) for composing TUIs.
  • Layout, styling, and animation patterns using Yoga-inspired flex layouts and a consistent styling system to create robust, maintainable UIs.
  • Debugging, testing, and performance tips to improve reliability and responsiveness in console-based applications.

Quick Start

Install the @opentui/core package and run a minimal example to render a box with text.

Frequently Asked Questions about opentui

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

FAQPage Schema
How do I build terminal UIs with TypeScript using OpenTUI core?

You can build terminal UIs with TypeScript by leveraging OpenTUI core's component-driven blocks like TextRenderable and BoxRenderable. It provides ready-to-use patterns for composing, styling, and rendering console applications.

What components are available for constructing a TUI in vanilla TypeScript?

OpenTUI provides component-driven building blocks for constructing TUIs, including TextRenderable, BoxRenderable, GroupRenderable, InputRenderable, SelectRenderable, ScrollBoxRenderable, and CodeRenderable.

How do I handle layout and styling in a TypeScript terminal application?

OpenTUI handles layout and styling using Yoga-inspired flex layouts and a consistent styling system. This approach allows you to create robust, maintainable, and animated terminal user interfaces.

How do I debug and test terminal UI rendering for responsiveness?

OpenTUI core development guidance includes debugging, testing, and performance tips. These strategies help improve reliability and responsiveness in console-based applications built with TypeScript.

Can I use OpenTUI to create interactive input forms in the console?

Yes, OpenTUI includes InputRenderable and SelectRenderable components. These core building blocks allow you to construct interactive input forms and selection menus within your terminal UI.

Do I need any specific dependencies to start rendering a box with text in the terminal?

You need to install the @opentui/core package. Once installed, you can run a minimal example to render a box with text, accelerating your terminal UI development without external dependencies.