When should I use the imperative API over the declarative one?

Use declarative VNodes for static layouts and initial renders. Switch to imperative Renderables for dynamic mutations, real-time data updates, and high-frame-rate animations.

Does this skill support the latest version of OpenTUI?

Yes, this skill is tested against @opentui/core v0.1.79 and is compatible with the v0.1.x experimental release cycle.

How does the skill handle terminal cleanup?

The skill enforces a strict cleanup discipline using an array of cleanup functions to ensure intervals, listeners, and frame callbacks are properly disposed of to prevent memory leaks.

What runtime is required for OpenTUI components?

OpenTUI is designed specifically for the Bun runtime and leverages Zig-native rendering for maximum performance in terminal environments.

OpenTUI Builder

Name: OpenTUI Builder
Author: itsdevcoffee

byitsdevcoffee

•

Herramientas de Diseño

Builds high-performance terminal user interfaces using @opentui/core with Zig-native rendering and advanced animation patterns.

The OpenTUI Builder skill equips Claude with specialized knowledge to architect production-grade terminal applications using the @opentui/core framework for Bun. It provides standardized patterns for dual-API development (mixing declarative layouts with imperative renderables), robust lifecycle management to prevent memory leaks, and advanced UI techniques like timeline-based animations and theme systems. Ideal for developers building complex CLI dashboards, real-time monitors, or interactive terminal tools that require high-fidelity visual feedback and efficient resource management.

Características Principales

01Dual API architecture combining declarative VNodes and imperative Renderables

02Sophisticated animation patterns including timelines, intervals, and staggered cascades

031 GitHub stars

04Integrated theme system with semantic tokens for swappable color schemes

05Standardized Screen and Component Factory patterns for scalable TUI codebases

06Efficient pool-based scrolling and live data stream polling for CLI dashboards

Casos de Uso

01Creating custom terminal UI components with high-performance Zig-native rendering

02Developing interactive CLI dashboards with real-time log streaming and progress tracking

03Building multi-screen terminal applications with complex state and mode switching

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add itsdevcoffee/devcoffee-agent-skills opentui-builder

For use in Claude.ai and ChatGPT

Download Skill