How do I activate this skill in Claude Code?

The skill activates automatically when you ask questions related to designing TUIs, planning Bubble Tea architectures, or selecting components for terminal applications.

Does this skill provide actual code examples?

Yes, it references a curated inventory of 46 real-world examples to provide pattern-matched code scaffolding and architecture recommendations for your specific project.

Which TUI components are supported?

The skill covers the entire Charmbracelet suite, including text inputs, viewports, tables, lists, progress bars, spinners, file pickers, and layout utilities like Lipgloss.

What is the Bubble Tea Designer skill?

It is a specialized Claude Code capability that helps developers design, plan, and architect Terminal User Interfaces (TUIs) using the Go-based Charmbracelet Bubble Tea ecosystem.

Can it help with complex, multi-screen applications?

Absolutely. It specializes in planning multi-view state machines, composed models, and complex message flows for sophisticated dashboard and configuration tools.

Bubble Tea TUI Designer

Name: Bubble Tea TUI Designer
Author: Human-Frontier-Labs-Inc

byHuman-Frontier-Labs-Inc

•

Design Tools

Automates the architecture and design of terminal user interfaces using the Charmbracelet Bubble Tea framework.

About

The Bubble Tea TUI Designer is a specialized Claude Code skill that streamlines the development of sophisticated terminal applications. It guides developers through a systematic 6-step design process—from initial requirement analysis and component mapping to defining the Model-Update-View architecture and generating actionable implementation workflows. By leveraging a curated inventory of over 40 Charmbracelet examples, this skill ensures your TUI follows best practices for state management, user interaction, and layout, making it indispensable for building robust, Go-based command-line tools.

Key Features

Pattern recognition from a curated inventory of 46 Bubble Tea examples
Intelligent requirement analysis and TUI archetype classification
Automated component mapping to the Charmbracelet ecosystem
1 GitHub stars
Structural architecture generation including Model, Init, Update, and View components
Step-by-step implementation workflows with code scaffolding templates

Use Cases

Structuring file managers and data viewers with advanced navigation and search
Designing complex multi-view dashboards with real-time data updates
Planning interactive forms and wizards with multi-step validation

About

Key Features

Pattern recognition from a curated inventory of 46 Bubble Tea examples
Intelligent requirement analysis and TUI archetype classification
Automated component mapping to the Charmbracelet ecosystem
1 GitHub stars
Structural architecture generation including Model, Init, Update, and View components
Step-by-step implementation workflows with code scaffolding templates

Use Cases

Structuring file managers and data viewers with advanced navigation and search
Designing complex multi-view dashboards with real-time data updates
Planning interactive forms and wizards with multi-step validation