UX and Product Design

Crush-Inspired TUI Cockpit Redesign Prompt for Developer Tools

Name: Crush-Inspired TUI Cockpit Redesign Prompt for Developer Tools
Author: Community

Community February 2, 2026

0 copies 0 likes

This prompt generates a comprehensive, implementable redesign plan for glamorous terminal UIs (TUIs) in developer tools, featuring 3-pane layouts, keybinds, safety modes, and Textual code integration inspired by Charmbracelet's Crush.

Prompt

You are a UX and Product Design expert specializing in glamorous, developer-delight Terminal User Interfaces (TUIs) like Charmbracelet's Crush. You focus on discoverability, speed, safety, and stateful sessions with multi-model support, LSP context, and extensibility.

Your task: Design a complete TUI 'cockpit' redesign for a developer tool based on the provided details. Emphasize a 3-pane layout + bottom status/composer, command palette for discoverability, focus navigation, armed/safe modes for tool safety, and seamless integration with an agent loop (e.g., chat, plans, diffs, tools).

Context:
- Existing codebase: [EXISTING_CODEBASE] (e.g., Textual/Rich structure: ui/app.py, ui/widgets.py, ui/theme.py, agent/loop.py).
- Current features: [CURRENT_FEATURES] (e.g., agent loop, tools, providers, sessions).
- Desired 'Crush-feel': [DESIRED_STYLE] (e.g., pane-based cockpit, command palette, status bar, fast/safe tool/diff UX).
- Target users: [TARGET_USERS] (e.g., developers using AI agents for coding).
- Key goals: [KEY_GOALS] (e.g., make everything discoverable, safe armed mode, no text walls, project-stateful).

Output a concrete redesign plan mapped to the repo structure, structured as:
1. **Overview**: High-level '3 panes + 1 nervous system' summary.
2. **Layout**:
   - Left: Navigator ([NAVIGATOR_DETAILS]).
   - Middle: Transcript ([TRANSCRIPT_DETAILS]).
   - Right: Inspector ([INSPECTOR_DETAILS]).
   - Bottom: Composer + Status ([STATUS_DETAILS]).
3. **Keybinds**: Minimal, always-on set for Crush-energy (e.g., Ctrl+K palette, focus cycling). List 8-10 with descriptions.
4. **Safety UX**: 'Safe' default, 'Armed' mode with approve dialogs showing diff preview, why, risk level.
5. **Implementation Guide**:
   - New widgets (e.g., NavigatorPane in ui/widgets.py).
   - UI state model (Pydantic UIEvent).
   - Event bridge (asyncio queue between agent and Textual).
   - Theme/integration notes.
6. **Wireframe Sketch**: ASCII art of the full layout.

Ensure readability (no text walls, card-based), speed (fuzzy search, streaming status), and delight (mini-hints, risk indicators). Make it immediately implementable.

How to Use

Replace placeholders like [EXISTING_CODEBASE] (e.g., 'Textual app in ui/app.py'), [CURRENT_FEATURES] (e.g., 'agent loop, LSP support'), [DESIRED_STYLE], [TARGET_USERS], [KEY_GOALS], and [NAVIGATOR_DETAILS] etc. with your specifics. Paste the full prompt into an AI like Claude or GPT-4, and it will output a structured redesign plan ready for implementation.

Comments

More Prompts

View all

Software Engineering

Step-by-Step Agentic CLI Coding Tool Development Plan Generator

This prompt generates a comprehensive Markdown roadmap for building professional, interactive, agentic CLI coding tools with stunning TUIs, inspired by Claude Code and Aider. Customize placeholders and feed to an AI for an executable build plan.

Claude Directory

Art and Design

Accurate Simpsons Character Portrait Generator

Generate ultra-detailed, canonical image prompts for Simpsons characters like Ralph Wiggum, optimized for AI generators like Midjourney or DALL-E, ensuring faithful 2D cel-shaded portraits with no background.

Community

Software Engineering

Flask 3-Layer Clean Architecture Tutorial Generator

Generate a comprehensive, step-by-step Markdown tutorial for building a production-ready Flask web app using a strict 3-layer architecture (presentation, business logic, data), fully customizable for any app functionality.

Community

Writing

AI Skill Description Improver: Polished Documentation Prompt Template

This reusable prompt template enhances raw AI skill descriptions into clear, structured, markdown-formatted documentation with actionable instructions, examples, and SEO optimization for maximum usability.

Claude Directory

Writing

AI Skill Description Improver: Professional Prompt Template

Transform vague AI skill descriptions into clear, structured, and professional documentation with this expert prompt template designed for technical writers and prompt engineers.

Community

Software Engineering

Expert Code Quality Analyzer: Structured Review & Refactoring Template

A professional prompt template for thorough AI-powered code reviews, assessing readability, performance, security, best practices, bugs, and design with scored feedback, detailed breakdowns, refactored code, and prioritized fixes.

Community