skills.rest
hatchet-dev
hatchet-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

build-tui-view

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

7.7k|465|Updated Dec 15, 2023
Search Tags:#layout#frontend#ui-design#modals#tui#bubbletea#hatchet-cli
One-click install
npx skills add https://github.com/hatchet-dev/hatchet --skill build-tui-view-hatchet-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-tui-view
Source: https://github.com/hatchet-dev/hatchet/tree/main/.claude/skills/build-tui-view
Command: npx skills add https://github.com/hatchet-dev/hatchet --skill build-tui-view-hatchet-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Hatchet TUI view development can be repetitive and error-prone without a standardized approach. This skill provides a guided method for creating Hatchet CLI views using the provided base view patterns and reusable components.

Core Features & Use Cases

  • Standardized header, instructions, and footer usage via reusable components to ensure consistency across all TUI views.
  • Guidance for primary list views and detail views, including modal support and responsive layout patterns.
  • Clear patterns for integrating with the Hatchet REST client, window size handling, and view lifecycle.

Quick Start

Review the frontend reference in frontend/app/src/pages/main/v1/ to understand the expected columns and API data. Create a new view under cmd/hatchet-cli/cli/tui/ using the view.go base, wire it into the root model, and ensure you handle window resizing and basic navigation.

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 a TUI view in the Hatchet CLI using Bubbletea?▼

To build a Hatchet CLI TUI view, create a new view under cmd/hatchet-cli/cli/tui/ using the view.go base pattern, wire it into the root model, and handle window resizing and basic navigation.

What is the standard structure for Hatchet TUI views with headers and footers?▼

Hatchet TUI views use standardized reusable components for headers, instructions, and footers to ensure consistent interfaces across primary list views and detail views.

How do I add modal support to a Bubbletea TUI layout?▼

Modal support in TUI layouts is integrated alongside primary list views and detail views using responsive layout patterns to deliver consistent and reliable terminal interfaces.

How do I manage window height calculations for responsive TUI layouts?▼

Responsive TUI layouts require height management calculations and window size handling to adapt primary and detail views correctly during the view lifecycle.

Do I need to use the REST client when developing Hatchet CLI views?▼

Yes, Hatchet TUI views require clear patterns for integrating with the Hatchet REST client to fetch API data and populate the expected columns defined in the frontend reference.

Related Skills

Explore More Software Engineering Skills→
sacenoxsacenox
4

build-tui-view

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

Community
Advanced
x402agentx402agent

tui-development

Guide developers building and maintaining the OpenShell TUI with ratatui and crossterm stack.

Community
Intermediate
hoangtran1411hoangtran1411
2

Go TUI with Bubble Tea

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

Community
Intermediate
baphledbaphled
1

bubble-tea-expert

Guide Go TUI development with Bubble Tea's Elm Architecture and Lip Gloss styling.

Community
Intermediate