mcpField
T
tui-design-skill

tui-design-skill

github.com/podoDesign & UI29174 installsUpdated 1d ago
Repository

About tui-design-skill

tui-design-skill is a design skill for building terminal user interfaces with Bubble Tea, Ratatui, Textual, and Ink. It offers guidance on layout, color, keybindings, focus, and framework-specific components.

Key features

  1. 01Bubble Tea and Lipgloss design patterns
  2. 02Ratatui terminal app guidance
  3. 03Textual TUI design guidance
  4. 04Ink terminal rendering patterns
  5. 05Color, layout, keys, and focus guidance

Use cases

  1. 01Designing a component-based Go terminal interface
  2. 02Planning a Rust TUI with Ratatui
  3. 03Building interactive Python or TypeScript terminal apps

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill tui-design-skill

After installing, type/tui-design-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

tui-design-skill

Catalogue stub — full package: gfargo/tui-design-skill

Decision tree

  1. Is the package already installed? Check: ~/.design-agent-skills/skills/tui-design-skill/SKILL.md exists.

    • Yes → invoke tui-design-skill and proceed
    • No → go to step 2

  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

/plugin marketplace add gfargo/tui-design-skill

Invoke after install

  • Skill name: tui-design-skill
  • Trigger phrases: "TUI design", "terminal UI", "Bubble Tea", "Ratatui", "Textual Python", "Ink TypeScript"

What it does

Provides design knowledge for building professional terminal user interfaces across four major ecosystems: Go with Bubble Tea and Lipgloss for component-based TUIs, Rust with Ratatui for high-performance terminal apps, Python with Textual for rich TUI applications, and TypeScript/Node.js with Ink for React-style terminal rendering. Covers terminal color systems (true color, 256-color, ANSI), layout composition patterns, keybinding conventions, focus management, and framework-specific component design.

When NOT to use

  • Web UI design — use a frontend-design skill instead
  • When you need a specific framework without TUI layout conventions (the skill adds opinionated design patterns)
  • Simple CLI argument parsing without interactive UI

Comments

Markdown supported