bubbletea-designer

What problem does it solve?

Designing complex terminal user interfaces (TUIs) with Bubble Tea can be time-consuming, requiring deep knowledge of components, architecture patterns, and implementation workflows. This Skill automates the entire design process, eliminating manual planning, component selection, and boilerplate code generation, so you can focus on core logic.

Core Features & Use Cases

• Intelligent Component Mapping: Automatically selects the best Bubble Tea components (e.g., viewport, textinput, progress) from the Charmbracelet ecosystem based on your natural language requirements.
• Architecture Generation: Creates detailed component hierarchies, message flow diagrams, and state management plans, providing a clear blueprint for development.
• Implementation Workflow: Generates step-by-step guides with estimated times and references to relevant Bubble Tea examples, streamlining your coding process from concept to deployment.
• Use Case: Describe a "log viewer with search and highlighting," and the Skill will output a complete design report, including component choices, architecture, and a phased implementation plan, ready for you to build.

Quick Start

Simply describe your TUI and the skill will generate a complete design:

"Design a log viewer with search and highlighting"

The skill will automatically:

• Classify it as a "viewer" archetype
• Select viewport.Model and textinput.Model
• Generate architecture diagram
• Create step-by-step implementation workflow
• Provide code scaffolding