tui-dialog

Community

Polished modal dialogs for Bubble Tea v2.

Authorhay-kot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides structured guidance for implementing dialog and overlay systems in Bubble Tea v2 applications, covering modal patterns, command palettes, and composited overlays to improve in-app UX.

Core Features & Use Cases

  • Modal dialogs: implement focusable, keyboard-navigable dialogs that render above the main view.
  • Overlay rendering: use lipgloss compositors to dim the background and center the modal reliably across sizes.
  • Input routing: ensure modal input is processed before the main view to avoid bleed-through; supports common patterns like command palettes and confirm dialogs.
  • Use Case: in a chat app, show a confirm-dialog before deleting a message or a command palette to jump to commands quickly.

Quick Start

Integrate the tui-dialog guidance into your Bubble Tea v2 project to implement a centered modal with overlay rendering.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tui-dialog
Download link: https://github.com/hay-kot/dotfiles/archive/main.zip#tui-dialog

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.