opentui

Develop terminal user interfaces with imperative or declarative frameworks.

65.9k|7.1k|Updated Jul 6, 2024
One-click install
npx skills add https://github.com/cline/cline --skill opentui-cline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/cline/cline/tree/main/.agents/skills/opentui
Command: npx skills add https://github.com/cline/cline --skill opentui-cline

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the complexity of building terminal user interfaces by providing a unified platform for imperative and declarative TUI development, eliminating the need to manage low-level terminal rendering and input handling manually.

Core Features & Use Cases

  • Multi-Framework Support: Seamlessly switch between Core (imperative), React, or SolidJS reconcilers based on your project needs.
  • Rich Component Library: Access a comprehensive suite of pre-built components including inputs, scrollable containers, syntax-highlighted code blocks, and diff viewers.
  • Use Case: Use this Skill to rapidly prototype a custom CLI dashboard or a complex terminal-based text editor with full keyboard and mouse support.

Quick Start

Use the opentui skill to initialize a new React-based terminal application in the current directory.

Frequently Asked Questions about opentui

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

FAQPage Schema
How do I build terminal user interfaces with React or SolidJS?

You can build terminal user interfaces using React or SolidJS reconcilers by leveraging declarative component composition. This approach provides fine-grained reactivity and pre-built components like inputs and scrollable containers for CLI applications.

What is the best way to create a high-performance CLI dashboard?

The best way to create a high-performance CLI dashboard is using a TUI platform that supports complex layout, animation, and fine-grained reactivity. This eliminates manual low-level terminal rendering and input handling.

Can I use imperative code instead of declarative frameworks for terminal app development?

Yes, you can use an imperative core framework for terminal app development. The platform seamlessly supports switching between imperative code and declarative frameworks like React or SolidJS based on your project requirements.

Does this terminal UI framework support keyboard and mouse input?

Yes, this terminal UI framework fully supports keyboard and mouse input. It handles complex input scenarios for CLI applications, allowing you to build interactive terminal-based text editors and custom dashboards.

What pre-built components are available for terminal user interface development?

Available pre-built components for terminal user interface development include inputs, scrollable containers, syntax-highlighted code blocks, and diff viewers. These components enable rapid prototyping of complex CLI applications.

How do I initialize a new React-based terminal application?

To initialize a new React-based terminal application, use the skill in your current directory. This sets up the declarative reconciler environment needed for fine-grained reactivity and cross-platform terminal compatibility.