# Build Terminal Interfaces with OpenTUI

OpenTUI development spans several APIs and scattered implementation details. This skill routes each task to focused Core, React, Solid, component, layout, and testing guidance.

## Install

```bash
npx skillstore add msmps/opentui
```

## Metadata

- Status: approved
- Slug: msmps-opentui
- Skillstore revision: r2
- Version status: missing
- Tree hash: 0f7511de5ebf1595ae7025ed334b5bd3936fc0ae0c6c7e2ab74f019ef83eb577
- Author: msmps
- GitHub username: msmps
- License: MIT
- Repository: https://github.com/msmps/opentui-skill/tree/main/skill/opentui/
- Ref: 02be9409c79ca1183f7844009c14d9df684d0cf9
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: confirmation\_required
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: filesystem, external\_commands, network, env\_access
- Quality score: 38
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/msmps-opentui
- Manifest: https://skillstore.pages.dev/api/skills/msmps-opentui/manifest

## Capabilities

- Selects Core, React, or Solid based on application requirements.
- Guides setup for Bun, TypeScript, JSX, bundling, and native builds.
- Explains OpenTUI components for text, containers, inputs, code, diffs, and Markdown.
- Provides layout, focus, keyboard, keymap, paste, mouse, and clipboard patterns.
- Covers timeline animations, responsive terminal layouts, and asynchronous data states.
- Supports test renderer setup, snapshots, interaction tests, and troubleshooting.

## Use Cases

- Create a terminal dashboard: Design responsive panels, status views, keyboard navigation, and loading states with the appropriate OpenTUI API.
- Migrate a console workflow: Convert command output into structured text, forms, selectors, scrollable regions, and focused interactions.
- Stabilize an OpenTUI project: Diagnose rendering, cleanup, focus, layout, configuration, and snapshot problems using targeted references.

## Prompt Templates

### Choose an OpenTUI API

```
I am building [application]. Compare Core, React, and Solid for my requirements: [requirements]. Recommend one and explain the tradeoffs.
```

### Build a focused component

```
Create an OpenTUI [Core/React/Solid] component for [workflow]. Include layout, focus behavior, keyboard controls, empty states, and cleanup.
```

### Debug a terminal interface

```
Diagnose this OpenTUI problem: [symptoms]. Review runtime cleanup, focus, layout, framework configuration, and testing concerns. Propose a minimal fix.
```

### Design a production TUI

```
Design an OpenTUI architecture for [system]. Cover framework choice, component boundaries, keymaps, responsive layout, async data, testing, accessibility, and platform constraints.
```

## Limitations

- Provides documentation and examples but does not run or validate generated applications.
- Requires an OpenTUI project with compatible Bun or Node tooling.
- Does not replace current upstream package documentation or release notes.
- SSH, clipboard, notifications, audio, and native builds depend on terminal and platform support.

## Best Practices

- Start with the selected framework reference, then load only the relevant component or concept guide.
- Destroy the renderer during shutdown and after every test to restore terminal state and release resources.
- Test focus, keyboard behavior, terminal resizing, empty states, failures, and platform-specific capabilities.

## Anti Patterns

- Do not mix React and Solid component naming or event conventions.
- Do not call process exit before renderer cleanup.
- Do not assume browser layout, input, clipboard, or accessibility behavior applies unchanged in terminals.

## Security Audit

- Audited at: 2026-08-09T09:09:29.102\+00:00
- Summary: All 328 static findings are false positives caused by documentation links, code formatting, framework terminology, and benign examples. Semantic review found plaintext password logging and permissive SSH authentication examples. Both should be corrected before publication.

## Stats

- Views: 0
- Downloads: 5
- Favorites: 0
- Popularity score: 0