opentui-dev

Build OpenTUI terminal UIs with React or Core API.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/gitarbor/gitarbor-tui --skill opentui-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui-dev
Source: https://github.com/gitarbor/gitarbor-tui/tree/main/.opencode/skills/opentui-dev
Command: npx skills add https://github.com/gitarbor/gitarbor-tui --skill opentui-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

OpenTUI development can be verbose and error-prone; this skill provides a structured, frontmatter-driven guide to building terminal user interfaces using OpenTUI with React or Core API.

Core Features & Use Cases

  • Component-based UI development with OpenTUI, supporting React and Core API workflows
  • Rich, terminal-native layouts via Yoga-driven Flexbox for fast, predictable TUIs
  • Quick-start guidance and best practices for building dashboards, editors, CLI tools, and interactive components

Quick Start

Follow these steps to start a sample OpenTUI project:

  • Install Bun and TypeScript tooling
  • Initialize a new project and install dependencies
  • Run the sample OpenTUI app and iterate

Frequently Asked Questions about opentui-dev

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

FAQPage Schema
How do I build terminal UIs with React and TypeScript?

Build terminal UIs using OpenTUI with React or Core API for component-based, terminal-native layouts. It leverages Yoga-driven Flexbox to render fast, predictable TUIs directly in the terminal.

What is the best way to structure an OpenTUI project for interactive CLI tools?

Structure interactive CLI tools using Markdown bodies for execution instructions and YAML frontmatter for name and description. This frontmatter-driven approach reduces verbosity and errors in TUI development.

Can I use OpenTUI to create dashboards and editors without complex boilerplate?

Yes, OpenTUI supports building dashboards, editors, and interactive components using React or Core API. It provides quick-start guidance and best practices to avoid verbose, error-prone boilerplate.

Do I need Bun to start a terminal UI project with OpenTUI?

Yes, initializing a sample OpenTUI project requires installing Bun and TypeScript tooling first. You then install dependencies and run the sample terminal UI app to iterate quickly.

How does OpenTUI handle layout and Flexbox rendering in the terminal?

OpenTUI handles layout using Yoga-driven Flexbox, enabling terminal-native layouts for fast and predictable TUI rendering. This allows developers to apply standard Flexbox principles to terminal components.