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

デザインツール

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.

主な機能

0 GitHub stars
Flexbox-based layout and responsive terminal positioning
Automated project scaffolding with create-tui
Integrated keyboard interaction and focus management
Timeline-based animations and easing functions
Support for React and Solid reconcilers

ユースケース

Creating cross-platform CLI applications with familiar React patterns
Developing interactive command-line dashboards and monitors
Building 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

Download Skill

GitHub

概要