How should I handle terminal cleanup and exiting?

You should never call process.exit() directly. Instead, use renderer.destroy() to ensure the terminal state is correctly restored and the process exits gracefully.

How does OpenTUI handle layouts?

It utilizes a Yoga-based Flexbox layout system, allowing for familiar row, column, wrapping, and absolute positioning patterns within the terminal environment.

How do I start a new OpenTUI project?

You can use the create-tui command via Bun, for example: 'bunx create-tui -t react my-app'. Ensure that options come before arguments in the command line.

Which frameworks does OpenTUI support?

OpenTUI supports a core imperative API for performance, as well as React and Solid reconcilers for developers who prefer declarative UI patterns.

Can I animate components in the terminal?

Yes, OpenTUI includes a dedicated animation engine that supports timelines, easing functions, and property transitions for creating dynamic terminal interfaces.

OpenTUI Development

Name: OpenTUI Development
Author: lev-os

bylev-os

0•

设计工具

Builds sophisticated terminal user interfaces using React, Solid, or imperative APIs with advanced layout and animation capabilities.

This skill provides a comprehensive toolkit for developing high-performance Terminal User Interfaces (TUIs) using the OpenTUI platform. It supports multiple development paradigms including React and Solid reconcilers for declarative UI, alongside a core imperative API for maximum performance. Developers can leverage sophisticated Flexbox layouts, timeline-based animations, complex keyboard input handling, and built-in components for text display, code highlighting, and interactive inputs, all while ensuring robust terminal cleanup and integrated snapshot testing.

主要功能

01Timeline-based animation system with easing functions and property transitions

02Advanced Flexbox-style layout engine for responsive terminal window positioning

030 GitHub stars

04Integrated testing suite with support for interaction testing and UI snapshots

05Comprehensive component library for inputs, textareas, selects, and syntax-highlighted code diffs

06Multi-framework support including React and SolidJS reconcilers for declarative TUI design

使用场景

01Building cross-platform terminal applications with custom keyboard shortcuts and focus management

02Developing developer utilities that require rich text styling, code highlighting, and diff visualization

03Creating interactive command-line dashboards with complex nested layouts and real-time updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents opentui

For use in Claude.ai and ChatGPT

Download Skill