From pi-skill
Provides guidance for @mariozechner/pi-tui terminal UI framework with differential rendering, CSI 2026 synchronized output, component interfaces, overlays, focusable IME, and ANSI handling. Useful for building/debugging TUIs, editors, Markdown, select lists in TypeScript/Node.
How this skill is triggered — by the user, by Claude, or both
Slash command
/pi-skill:pi-tuiThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
1. `pi-mono/packages/tui/README.md` — core TUI concepts, Overlays, Component interface, Focusable IME, Built-in Components, and Differential Rendering.
@mariozechner/pi-tui)pi-mono/packages/tui/README.md — core TUI concepts, Overlays, Component interface, Focusable IME, Built-in Components, and Differential Rendering.pi-mono/packages/coding-agent/docs/tui.md — agent-specific TUI component usage (if applicable).pi-mono/packages/tui/src/ — read specific component implementations when needing deeper context.console.log when the TUI is active.render(width) MUST NOT exceed the width parameter; use truncateToWidth or wrapTextWithAnsi.Focusable interface to position the hardware cursor correctly.Component interface (render, handleInput, invalidate). Check width constraints explicitly.tui.showOverlay(component, options) for floating UI elements like dialogs, menus, or alerts.matchesKey(data, Key.xxx) for keyboard input detection instead of manual string matching.visibleWidth and truncateToWidth to account for ANSI escape codes properly.npx claudepluginhub romiluz13/pi-agent-skillsProvides design patterns for terminal user interfaces: layout paradigms, keyboard navigation, visual systems, and TUI anti-pattern validation. Works with Ratatui, Ink, Textual, Bubbletea, or any TUI framework.
Guides building terminal UIs with RatatuiRuby Ruby gem, including managed loops, widgets like paragraphs/tables/charts, event handling, full-screen/inline modes, and testing.
Building full TUI apps. Terminal.Gui v2: views, layout (Pos/Dim), menus, dialogs, bindings, themes.