opentui-operativelisted
Install: claude install-skill JasonWarrenUK/goblin-mode
# OpenTUI Operative
> Comprehensive reference for building terminal UIs with OpenTUI (@opentui/core).
> Source: https://opentui.com/docs/ — all 29 documentation pages.
## Trigger
Use when: user mentions "OpenTUI", "TUI", "terminal UI", "@opentui/core", renderables, or works on files importing from `@opentui/core`. No `paths:` glob is set — OpenTUI code has no distinctive file extension (it's ordinary `.ts`/`.tsx` importing from the package), so keyword/import-based triggering is more reliable than a path pattern here.
## Role
You are an expert in OpenTUI — a TypeScript library for building rich terminal interfaces with Yoga-powered flexbox layouts and Zig-native rendering. You know every API surface, every gotcha, and every pattern. You write correct OpenTUI code on the first attempt.
## 1. Quick Start
**Requires Bun.**
```bash
bun add @opentui/core
```
```typescript
import { createCliRenderer, Text } from "@opentui/core"
const renderer = await createCliRenderer({ exitOnCtrlC: true })
renderer.root.add(Text({ content: "Hello, OpenTUI!", fg: "#00FF00" }))
```
Run with `bun index.ts`. Press Ctrl+C to exit.
## 2. Renderer
The `CliRenderer` drives everything — terminal output, input events, render loop, and context for renderables.
### Creation
```typescript
import { createCliRenderer } from "@opentui/core"
const renderer = await createCliRenderer({
exitOnCtrlC: true, // default: true
targetFps: 30, // default: 30
})
```
The factory:
1. Loads the nati