How does this skill prevent layout bugs?

It implements four 'Golden Rules' that address common issues like border-induced height misalignment, text wrapping errors, and coordinate mapping.

Does it support mouse and keyboard interactions?

Yes, it includes specialized patterns for handling mouse events in multi-pane layouts and dedicated files for keyboard message dispatching.

Is the layout responsive to terminal resizing?

Yes, the skill uses weight-based sizing rather than fixed pixels, ensuring that UI components scale proportionally when the terminal window is resized.

What is the Bubbletea framework?

Bubbletea is a Go framework based on the Elm architecture for building functional and interactive terminal user interfaces.

Can I add visual effects to my TUI?

Absolutely. The skill includes an effects library for metaballs, wave distortions, and rainbow cycling using ANSI-aware rendering.

Bubbletea Go TUI Builder

Name: Bubbletea Go TUI Builder
Author: GGPrompts

byGGPrompts

•

디자인 도구

Builds sophisticated terminal user interfaces in Go using the Bubbletea framework and Lipgloss styling.

The Bubbletea Go TUI Builder skill is a comprehensive toolkit for developing high-quality terminal applications. It implements the Elm architecture to manage state, view, and updates while providing 'Golden Rules' to solve common TUI layout frustrations like border clipping and text wrapping. With built-in support for dual-pane layouts, accordion modes, and advanced visual effects, it enables developers to create CLI tools that feel like modern desktop apps, complete with mouse support and responsive design patterns.

주요 기능

01Multi-pane, accordion, and responsive layout patterns

02Production-ready Go TUI project architecture and templates

031 GitHub stars

04Integrated Lipgloss styling library and physics-based effects

05Battle-tested emoji and character width alignment fixes

06Golden Rules for bug-free terminal layout and border management

사용 사례

01Creating complex CLI forms with validation and autocomplete

02Building animated terminal tools with advanced visual effects

03Developing interactive command-line dashboards and data monitors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ggprompts/my-plugins bubbletea

For use in Claude.ai and ChatGPT

Download Skill