ggprompts avatar

Bubbletea

Builds terminal UIs in Go using the Bubbletea framework with proper Elm architecture patterns. Ships with production templates for dual-pane layouts, accordion modes, and mouse/keyboard handling, plus a full component library (lists, dialogs, tables, preview panes). The real value is in the Four Golden Rules documentation that prevents the most common TUI bugs: accounting for borders in height calculations, explicit text truncation to avoid auto-wrapping chaos, matching mouse detection to your layout orientation, and using proportional weights instead of fixed pixels. Also includes physics-based effects like metaballs and wave animations if you want your CLI to look fancy.

skills.sh installs
505
GitHub stars
21
last updated
Aug 21, 2026

Install

$ npx -y skills add ggprompts/tfe --skill bubbletea --agent claude-code

Installs into .claude/skills of the current project.

Files

Bubbletea TUI Development

Production-ready skill for building beautiful terminal user interfaces with Go, Bubbletea, and Lipgloss.

When to Use This Skill

Use this skill when:

  • Creating new TUI applications with Go
  • Adding Bubbletea components to existing apps
  • Fixing layout/rendering issues (borders, alignment, overflow)
  • Implementing mouse/keyboard interactions
  • Building dual-pane or multi-panel layouts
  • Adding visual effects (metaballs, waves, rainbow text)
  • Troubleshooting TUI rendering problems

Core Principles

CRITICAL: Before implementing ANY layout, consult references/golden-rules.md for the 4 Golden Rules. These rules prevent the most common and frustrating TUI layout bugs.

The 4 Golden Rules (Summary)

  1. Always Account for Borders - Subtract 2 from height calculations BEFORE rendering panels
  2. Never Auto-Wrap in Bordered Panels - Always truncate text explicitly
  3. Match Mouse Detection to Layout - Use X coords for horizontal, Y coords for vertical
  4. Use Weights, Not Pixels - Proportional layouts scale perfectly

Full details and examples in references/golden-rules.md.

Creating New Projects

Sponsors

Details

Repository
github.com/ggprompts/tfe
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, CLI & Terminal
First seen
Jun 3, 2026
1aj-geddes avatarform-validationaj-geddes/useful-ai-promptsImplement form validation using React Hook Form, Formik, Vee-Validate, and custom validators. Use when building robust form handling with real-time validation.503skills.sh installs
2secondsky avatardesign-system-creationsecondsky/claude-skills| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standa500skills.sh installs
3streamlit avatardebugging-streamlitstreamlit/streamlitDebug Streamlit frontend and backend changes using make debug with hot-reload. Use when testing code changes, investigating bugs, checking UI behavior, or needi498skills.sh installs
4plinde avatarpandocplinde/claude-pluginsThis skill should be used when converting documents between formats (Markdown, DOCX, PDF, HTML, LaTeX, etc.) using pandoc. Use for format conversion, document g495skills.sh installs
5devanshudesai avatarexpo-liquid-glassdevanshudesai/agent-skillsDesign and implement beautiful, fluid Liquid Glass interfaces in Expo React Native apps. Covers four paths: (1) expo-glass-effect for UIKit-backed glass surface493skills.sh installs
6dkyazzentwatwa avatardocument-converter-suitedkyazzentwatwa/chatgpt-skillsConvert PDFs, Office docs, markdown, HTML, and tables between editable formats. Use for best-effort document conversion, PDF utilities, form filling, and table 490skills.sh installs