textual

Guides developers in building Textual-based TUI applications with structured advice.

3|Updated Nov 20, 2025
One-click install
npx skills add https://github.com/KyleKing/vcr-tui --skill textual
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: textual
Source: https://github.com/KyleKing/vcr-tui/tree/main/.claude/skills/textual
Command: npx skills add https://github.com/KyleKing/vcr-tui --skill textual

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building complex, interactive terminal user interfaces (TUIs) can be challenging, requiring deep knowledge of terminal capabilities, event loops, and layout management. This skill simplifies Textual TUI development, providing expert guidance to overcome common hurdles and accelerate your project.

Core Features & Use Cases

  • TUI Development Expertise: Get comprehensive guidance on Textual's architecture, widgets, screens, reactive programming, and CSS styling.
  • Best Practices & Patterns: Learn recommended design patterns, code organization, and performance optimization for robust Textual apps.
  • Debugging & Testing: Receive support for troubleshooting Textual applications and writing effective tests with pytest and Pilot.
  • Use Case: You're building a command-line dashboard for your server metrics. Use this skill to quickly implement a responsive layout with DataTable widgets, handle real-time updates using reactive attributes, and ensure smooth user interaction.

Quick Start

Help me create a Textual app with a header, footer, and a static widget displaying "Hello, Textual!".

Frequently Asked Questions about textual

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

FAQPage Schema
How do I build a terminal UI application with Python?

Build terminal UI applications using Textual, a Python framework that provides widgets, screens, and reactive programming for creating interactive TUIs. Textual handles layout management, event loops, and terminal capabilities, letting you compose complex interfaces with CSS styling (TCSS) and manage state through reactive attributes.

What's the best way to structure a Textual app with multiple screens?

Structure Textual apps by organizing screens as separate classes inheriting from Screen, each managing its own widgets and logic. Use the App lifecycle to navigate between screens, bind reactive attributes to trigger updates, and compose widgets hierarchically for maintainable, scalable terminal applications.

Can I style terminal UIs with CSS in Textual?

Yes, Textual supports CSS styling (TCSS) to control colors, layout, borders, and spacing of widgets. Write CSS rules targeting widget classes and IDs, enabling responsive, visually rich terminal interfaces without imperative styling code.

How do I handle real-time updates in a terminal app?

Use Textual's reactive programming model: define reactive attributes on your widget or screen, and watchers automatically trigger updates when values change. This decouples data changes from UI rendering, enabling smooth real-time updates in terminal dashboards and monitoring tools.

How do I test Textual applications?

Test Textual apps using pytest with the Pilot testing framework, which simulates user interactions, captures widget state, and verifies output. Write tests to validate layout, event handling, reactive updates, and user workflows without manual terminal interaction.

What are common patterns for modal dialogs and layouts in terminal UIs?

Textual provides Container and related layout widgets to compose modals, sidebars, and multi-column layouts. Use screen push/pop mechanics for modal dialogs, bind events to user actions, and leverage TCSS to position and style overlay components elegantly.