Which frameworks does the OpenTUI skill support?

It supports the Core imperative API, the React reconciler, and the SolidJS reconciler for building terminal interfaces.

How do I handle terminal layouts effectively?

The skill provides guidance on using a Flexbox-style system (via Yoga) supporting rows, columns, wrapping, and absolute positioning.

Does it support automated testing for TUIs?

Yes, it provides guides for snapshot testing, interaction testing, and setting up a dedicated test renderer for terminal environments.

Can I create animations for my terminal app?

Yes, the skill includes comprehensive documentation for timeline-based animations, easing functions, and property transitions within the terminal.

What is the recommended way to start a new OpenTUI project?

The skill recommends using the 'create-tui' CLI tool, specifically noting that options must be placed before arguments for the command to work correctly.

OpenTUI Interface Builder

Name: OpenTUI Interface Builder
Author: sarfraznawaz2005

bysarfraznawaz2005

•

Design Tools

Streamlines the development of sophisticated Terminal User Interfaces (TUIs) using React, Solid, or imperative APIs.

The OpenTUI Platform Skill is a comprehensive resource for developers building modern terminal applications. It consolidates domain-specific knowledge across the OpenTUI ecosystem, supporting the core imperative API alongside specialized React and Solid reconcilers. This skill provides instant access to implementation patterns for complex layouts, interactive components like text editors and diff viewers, and advanced features such as timeline-based animations and focus management. Whether you are building a simple CLI utility or a complex terminal-based dashboard, this skill ensures best practices, helps avoid common pitfalls like improper process termination, and accelerates the development lifecycle through interactive decision trees and framework-specific guides.

Key Features

01Timeline-based animation engine with easing and property transitions

02Rich component library including inputs, textareas, and code diff viewers

03Multi-framework support for React, Solid, and Core imperative APIs

04Integrated testing strategies for snapshots and interaction debugging

05Advanced Flexbox-based layout system for responsive terminal designs

061 GitHub stars

Use Cases

01Creating developer utilities with complex UI elements like code editors and diff viewers

02Building high-performance, interactive command-line dashboards and tools

03Developing responsive terminal interfaces that adapt to various window sizes and user inputs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sarfraznawaz2005/agent-skills-collection opentui

For use in Claude.ai and ChatGPT

Download Skill