opentui-layout
OfficialDesign responsive terminal layouts with OpenTUI.
System Documentation
## What problem does it solve? OpenTUI Layout System enables developers to construct flexible, well-ordered terminal interfaces using a Yoga-based Flexbox model, translating web-like layout concepts to character-cell terminals.
## Core Features & Use Cases
- Flex container properties like flexDirection, justifyContent, alignItems, flexWrap, and gap enable precise row/column layouts.
- Flex item properties such as flexGrow, flexShrink, and flexBasis support responsive sizing within terminal UIs.
- Common patterns: header/content/footer, two-column dashboards, sidebars, and grid-like arrangements.
- Use Case: Build a terminal dashboard with a persistent left navigation rail and a resizable main panel.
### Quick Start Install and import the OpenTUI layout library. Create a root layout with flexDirection='row' to arrange a sidebar and content area, then use width and flexGrow to control panel sizes. For example, place a 24-column sidebar and a remaining flexible main panel, adjust with gap for spacing, and add header and footer sections as separate full-width rows.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: opentui-layout Download link: https://github.com/nthplusio/functional-claude/archive/main.zip#opentui-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.