Does it support terminal layouts?

Yes, it uses a Flexbox-based system (Yoga) for layouts, allowing for responsive positioning, spacing, and complex nested containers.

How are animations handled in the terminal?

OpenTUI includes a dedicated animation system that supports timeline-based transitions, looping, and standard easing functions for smooth UI effects.

How does the documentation cache work?

The skill maintains a local cache of component APIs and patterns that automatically refreshes every 7 days to ensure you have the latest implementation details.

Which frameworks does OpenTUI support?

It supports a Core imperative API, a React reconciler for familiar component patterns, and a Solid reconciler for fine-grained reactivity.

How do I start a new project with this skill?

You can use the command 'bunx create-tui@latest -t ', ensuring that flags like the template type come before the project name.

OpenTUI Development

Name: OpenTUI Development
Author: nthplusio

bynthplusio

0•

Design Tools

Builds high-performance Terminal User Interfaces (TUIs) using TypeScript, Bun, and the OpenTUI framework.

OpenTUI Development is a specialized skill for Claude Code designed to streamline the creation of modern terminal applications. It provides deep domain knowledge of the OpenTUI library, supporting imperative, React-based, and Solid-based development workflows. The skill automates project scaffolding, enforces best practices for resource management, and offers a comprehensive library of components for layout, input handling, and animations. Whether you are building simple CLI utilities or complex interactive dashboards, this skill ensures your TUI is responsive, accessible, and efficiently built using the Bun runtime.

Key Features

010 GitHub stars

02Flexbox-based layout and responsive terminal positioning

03Automated project scaffolding with create-tui

04Integrated keyboard interaction and focus management

05Timeline-based animations and easing functions

06Support for React and Solid reconcilers

Use Cases

01Creating cross-platform CLI applications with familiar React patterns

02Developing interactive command-line dashboards and monitors

03Building developer tools with rich, styled terminal interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude opentui-dev

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02Flexbox-based layout and responsive terminal positioning

03Automated project scaffolding with create-tui

04Integrated keyboard interaction and focus management

05Timeline-based animations and easing functions

06Support for React and Solid reconcilers

Use Cases

01Creating cross-platform CLI applications with familiar React patterns

02Developing interactive command-line dashboards and monitors

03Building developer tools with rich, styled terminal interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude opentui-dev

For use in Claude.ai and ChatGPT