skills.rest
openclaw
openclawOFFICIAL
Explore all skills by this author →
Website𝕏@openclawGitHub

prototype-openclaw-tui

Compare isolated OpenClaw TUI variants side by side in tmux using fixture data.

388k|81.5k|Updated Nov 24, 2025
Search Tags:#prototype#tui#clack#variant-comparison#Openclaw#Tmux#pi-tui
One-click install
npx skills add https://github.com/openclaw/openclaw --skill prototype-openclaw-tui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype-openclaw-tui
Source: https://github.com/openclaw/openclaw/tree/main/.agents/skills/prototype-openclaw-tui
Command: npx skills add https://github.com/openclaw/openclaw --skill prototype-openclaw-tui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tmux, and includes scripts (resource) components.

What problem does it solve?

Designing OpenClaw terminal interfaces usually requires running the full application, which is slow and touches live state. This Skill isolates a single TUI surface, replaces side effects with deterministic fixtures, and renders multiple design variants in parallel tmux panes for direct visual comparison.

Core Features & Use Cases

  • Isolated Surface Prototyping: Render one Clack or Pi TUI component without launching the full OpenClaw application.
  • Side-by-Side Variant Comparison: Display two to six variants in a tmux grid with equal dimensions and shared fixture data.
  • Live Iteration Loop: Refresh panes in place with --refresh to iterate on prototypes without disrupting the attached terminal.
  • Use Case: Compare three layouts for the app recommendations wizard by running baseline, grouped, and focused variants in adjacent tmux panes and choosing the strongest design.

Quick Start

Use the prototype-openclaw-tui skill to isolate the app recommendations wizard and compare three layout variants in tmux.

Frequently Asked Questions about prototype-openclaw-tui

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

FAQPage Schema
How do I compare multiple TUI prototypes side by side in tmux?▼

Use the bundled launch-tmux-grid.sh script with a session name, working directory, and pairs of pane titles and commands. The script creates equal-sized tmux panes, one per variant, and opens them in an external terminal.

What is the difference between Clack and Pi TUI prototypes in OpenClaw?▼

Clack prototypes use createClackPrompter() from src/wizard/clack-prompter.ts for wizard, onboarding, and configuration surfaces. Pi TUI prototypes use @earendil-works/pi-tui for agent shells, chat, overlays, editors, and selectors.

Can I refresh prototype panes without killing the tmux session?▼

Yes. Re-run launch-tmux-grid.sh with --refresh to respawn all pane commands in the existing session. The attached terminal, window, and first pane are preserved while the grid is reapplied.

Why does the prototype launcher refuse to start when a session already exists?▼

The launcher protects existing sessions from accidental replacement. Use --open to create a new session, or --refresh to update an existing one. Combining both flags is rejected.

When should I avoid using this TUI prototyping skill?▼

Avoid it when the surface depends on live models, network calls, or persistent storage that cannot be replaced with fixtures. It is also unsuitable for non-terminal interfaces or production code paths.

Related Skills

Explore More Software Engineering Skills→
vzcovzco
15

find-callers

Identify direct caller functions and map their call sites for a target function address.

Official
Advanced
tincoppertincopper
10

prototype

Build a throwaway prototype to validate a design question or UI direction.

Community
Intermediate
sizukutamagosizukutamago

ai-research

Orchestrate Gemini CLI research via tmux and generate source-backed research memos.

Community
Intermediate
c0vertbytec0vertbyte

spotify-player

Control Spotify playback and search from the terminal using spogo or spotify_player.

Community
Intermediate