opentui

🥇Gold

OpenTUI is a TypeScript library for building terminal user interfaces (TUIs). It enables developers to create interactive command-line applications. Operations teams benefit from streamlined workflows and improved user experiences. OpenTUI integrates with existing terminal-based tools and workflows.

10,2363350Updated 2d ago

Intermediate30min to implementautomation

Saves ~45 min per use

Quick InstallView Source

git clone https://github.com/anomalyco/opentui.git

Works with:

Claude

Overview

About This Skill

https://github.com/anomalyco/opentui/packages/core/docs/getting-started.md

How to Use

["1. Install OpenTUI by running `npm install opentui` in your terminal.","2. Import the necessary components from OpenTUI in your TypeScript file.","3. Create a new TUI instance and add components such as Text, Button, List, and Input.","4. Define the functionality for each component, such as refreshing data or executing commands.","5. Run the TUI using the `tui.run()` method and test the interface in your terminal."]

Use Cases

Create interactive command-line applications that require user input and dynamic output.

Develop terminal-based dashboards for monitoring system performance or application metrics.

Build custom CLI tools that integrate with existing workflows and automate repetitive tasks.

Design educational tools that guide users through command-line operations in a user-friendly manner.

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/anomalyco/opentui

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Create a terminal user interface (TUI) for [SPECIFIC_TOOL] using OpenTUI. The interface should include [FEATURES] such as real-time data visualization, interactive forms, and command execution. Ensure the TUI is responsive and user-friendly, with clear navigation and intuitive controls.

Example Output

Here's an example of a TUI created using OpenTUI for a monitoring tool:

```typescript
import { TUI, Text, Button, List, Input } from 'opentui';

const tui = new TUI();
tui.add(new Text('System Monitoring Dashboard'));
tui.add(new List(['CPU Usage', 'Memory Usage', 'Disk Usage', 'Network Traffic']));
tui.add(new Button('Refresh Data', () => {
  // Code to refresh data
}));
tui.add(new Input('Enter command:', (command) => {
  // Code to execute command
}));
tui.run();
```

This TUI provides a real-time view of system metrics, allowing users to monitor their systems efficiently. The interface includes a list of metrics, a refresh button to update the data, and an input field for executing commands. The TUI is designed to be intuitive and responsive, ensuring a seamless user experience.