skills.rest
TrollHeap
TrollHeapCOMMUNITY
Explore all skills by this author →
GitHub

build-tui-view

Build Hatchet CLI TUI views with Bubble Tea and Lipgloss components.

Updated Aug 23, 2026
Search Tags:#ui-design#views#tui#bubbletea#lipgloss#hatchet-cli#frontend-reference
One-click install
npx skills add https://github.com/TrollHeap/dotfiles --skill build-tui-view-trollheap
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-tui-view
Source: https://github.com/TrollHeap/dotfiles/tree/main/ai-config/.claude/templates/bubbletea/.claude/skills/build-tui-view
Command: npx skills add https://github.com/TrollHeap/dotfiles --skill build-tui-view-trollheap

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers create and maintain modular Terminal User Interface (TUI) views for the Hatchet CLI using the Bubble Tea framework and Lipgloss styling, promoting consistency across primary and detail views.

Core Features & Use Cases

  • Standardized components: Use the shared header, instructions, and footer from the view.go utilities to ensure a uniform look and behavior across all views.
  • Frontend alignment: Always start by locating and studying the corresponding frontend view to understand structure, columns, and API calls.
  • End-to-end patterns: Implement primary list views and related detail views with matching columns and responsive layouts.

Quick Start

Design and implement a new TUI view by following the project’s reusable components and then test against the matching frontend reference.

Frequently Asked Questions about build-tui-view

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

FAQPage Schema
How do I build consistent TUI views for the Hatchet CLI using Bubble Tea?▼

You build Hatchet CLI TUI views by using reusable components like shared headers, footers, and instructions from view.go utilities, styled with Bubble Tea and Lipgloss for consistent interfaces.

How do I align my terminal UI layout with the existing frontend reference?▼

To align your terminal UI, start by locating and studying the corresponding frontend view to understand its structure, columns, and API calls before implementing the matching TUI layout.

What is the best way to structure primary list and detail views in a Bubble Tea TUI?▼

The best way to structure primary list and detail views is to implement end-to-end patterns with matching columns and responsive layouts, ensuring both view types share standardized components for scalability.

Do I need Lipgloss to style Hatchet CLI terminal interfaces?▼

Yes, you need Lipgloss to style Hatchet CLI terminal interfaces, as it works with the Bubble Tea framework to deliver frontend-aligned, consistent styling across your primary and detail views.

Can I use custom components instead of the standardized view.go utilities for my TUI?▼

While you technically can use custom components, the skill enforces a standardized project structure and frontend reference validation using view.go utilities to ensure reliable, scalable UI development across the Hatchet CLI.

Related Skills

Explore More Software Engineering Skills→
x402agentx402agent

gifgrep

Search GIF providers from the CLI/TUI and download selections as stills or sheets.

Community
Intermediate
sacenoxsacenox
4

build-tui-view

Design modular TUI views for the Hatchet CLI with bubbletea and lipgloss.

Community
Advanced
hatchet-devhatchet-dev
7.7k

build-tui-view

Create Hatchet CLI TUI views with reusable components and REST client integration.

Official
Advanced
hoangtran1411hoangtran1411
2

Go TUI with Bubble Tea

Create interactive terminal user interfaces in Go with Bubble Tea and Lipgloss.

Community
Intermediate