go-bubbletea-tui-author

Capture Bubble Tea layout and overlay patterns for Go TUI models.

1|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/mikeschinkel/ai-agent-depot --skill go-bubbletea-tui-author
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: go-bubbletea-tui-author
Source: https://github.com/mikeschinkel/ai-agent-depot/tree/main/skills/go-bubbletea-tui-author
Command: npx skills add https://github.com/mikeschinkel/ai-agent-depot --skill go-bubbletea-tui-author

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide captures hard-won lessons from building Bubble Tea UIs and helps you avoid repeating mistakes when implementing new models or components.

Core Features & Use Cases

  • Provides practical patterns for width calculations, padding, and borders in Bubble Tea layouts.
  • Offers proven overlay strategies for modals and dropdowns using ANSI-aware techniques.
  • Shares an immutable pattern for Bubble Tea models to improve reliability and performance.

Quick Start

Read this guide before implementing a new Bubble Tea model to apply the layout and overlay patterns immediately.

Frequently Asked Questions about go-bubbletea-tui-author

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

FAQPage Schema
How do I manage width and padding correctly in Bubble Tea TUI layouts?

To manage Bubble Tea layouts correctly, apply auto-sized and fixed panes with dynamic padding to distribute odd space, while accounting for exact 1-char border widths per side to prevent misalignment.

Why does my Lipgloss width calculation cause misaligned TUI components?

Lipgloss width calculations often misalign because of incorrect border handling; you must account for exact 1-char border widths per side and apply reliable layout caching in your Bubble Tea models.

What is the best way to create overlays and modals in a Bubble Tea application?

The best way to create overlays and modals in Bubble Tea is to use ANSI-aware overlay composition techniques, ensuring that overlay rendering safely handles terminal escape sequences without corrupting the underlying layout.

How does an immutable pattern improve Bubble Tea model reliability?

An immutable pattern for Bubble Tea models improves reliability and performance by preventing unintended state mutations during updates, ensuring robust width management and consistent rendering across re-renders.

Do I need to handle ANSI escape sequences manually for Bubble Tea overlays?

You must handle ANSI escape sequences safely when composing Bubble Tea overlays; applying ANSI-aware overlay utilities prevents terminal rendering corruption when stacking modals or dropdowns.