opentui

Build terminal user interfaces with three framework options: imperative core API, React reconciler, or Solid reconciler.

msmps ↓ 52k
Claude Code
View source ↗

What it does

  • Building components -> api.md + components/<category>.md
  • Setting up project -> configuration.md
  • Layout/positioning -> layout/REFERENCE.md
  • Keyboard/input handling -> keyboard/REFERENCE.md
  • Layered keybindings/commands -> keymap/REFERENCE.md
  • Animations -> animation/REFERENCE.md
  • Troubleshooting -> gotchas.md + testing/REFERENCE.md

Requirements & configuration

  • 4. Text styling requires nested tags in React/Solid. Use modifier elements, not props (see components/text-display.md).
  • "I need to display content"
  • "I need user input"
  • "I need layout/positioning"
  • "I need animations"

Configuration: REFERENCE

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Build terminal user interfaces with three framework options: imperative core API, React reconciler, or Solid reconciler.

Source

Repository: https://github.com/msmps/opentui-skill

opentui FAQ

What does the opentui skill do?

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Use for any TUI task including components, layout, keyboard and keymap handling, animations, and testing. Building components -> api.md + components/<category>.md Setting up project -> configuration.md

What does opentui require?

4. Text styling requires nested tags in React/Solid. Use modifier elements, not props (see components/text-display.md). "I need to display content" "I need user input" "I need layout/positioning" "I need animations" Configuration keys: REFERENCE.

How do I install opentui?

Run: npx -y skills add https://github.com/msmps/opentui-skill --skill opentui --agent claude-code — the source lives at github.com/msmps/opentui-skill.

Maintain opentui?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

opentui on getagentictools
[![opentui on getagentictools](https://getagentictools.com/badge/skills/msmps-opentui-skill-opentui.svg)](https://getagentictools.com/skills/msmps-opentui-skill-opentui?ref=badge)
npx agentictools info skills/msmps-opentui-skill-opentui

The second line is the CLI lookup for this page — handy in READMEs and docs.