opentui

Guide OpenTUI development across Core, React, and Solid frameworks.

8|Updated Mar 28, 2024
One-click install
npx skills add https://github.com/joncrangle/.dotfiles --skill opentui-joncrangle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: opentui
Source: https://github.com/joncrangle/.dotfiles/tree/main/dot_config/opencode/skills/opentui
Command: npx skills add https://github.com/joncrangle/.dotfiles --skill opentui-joncrangle

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

OpenTUI development across Core, React, and Solid can be fragmented and learning-heavy; this skill consolidates guidance and references in a single unit.

Core Features & Use Cases

  • Unified framework selection guidance and cross-framework references for OpenTUI projects.
  • Quick-start patterns and best practices for building terminal UIs, including layouts, input handling, and testing across the three runtimes.
  • Practical examples and decision trees to jumpstart projects across Core, React, and Solid.

Quick Start

Browse the OpenTUI references to select a framework and scaffold your first terminal UI.

Frequently Asked Questions about opentui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build terminal user interfaces with OpenTUI across different frameworks?

To build terminal user interfaces with OpenTUI, use unified guidance covering framework selection, reference structures, and practical scenarios like layouts, input handling, animation, and testing across Core, React, and Solid.

What is the best way to choose between OpenTUI Core, React, and Solid for my project?

Choosing between OpenTUI Core, React, and Solid is guided by decision trees and cross-framework examples that evaluate your runtime requirements and match them with the appropriate framework's structure and best practices.

Can I use OpenTUI with React and Solid for terminal UI development?

Yes, you can use OpenTUI with React and Solid for terminal UI development, as it provides quick-start patterns, reference structures, and practical examples specifically tailored for these three runtimes.

How do I scaffold my first OpenTUI terminal UI project?

To scaffold your first OpenTUI terminal UI project, browse the provided references to select a framework, then apply the enforced 5-file references pattern and quick-start patterns to structure your application.

Does OpenTUI guidance cover input handling and animation for terminal apps?

Yes, OpenTUI guidance covers input handling and animation for terminal apps, providing practical usage scenarios and best practices for these features across Core, React, and Solid runtimes.

Why does OpenTUI development require a 5-file references pattern?

OpenTUI development requires a 5-file references pattern to enforce structure and consolidate fragmented cross-framework guidance, ensuring consistent reference structures and best practices across Core, React, and Solid.