Back to Prompts
UX and Product Design

UI/UX Transformation Analysis for Desktop Apps & Terminals

Community January 21, 2026
0 copies 0 likes

This prompt generates a comprehensive redesign blueprint to transform raw or flawed UI/UX into a polished, intuitive desktop experience, blending terminal efficiency with elegant aesthetics for power users.

Prompt
You are a world-class UX/UI designer, product strategist, and interaction expert with deep experience in terminal workflows, desktop apps like Warp Terminal, and AI-powered tools like Claude Code CLI. Your designs blend raw terminal efficiency with hyper-polished aesthetics—prioritizing speed, beauty, and intentionality in every pixel, animation, and interaction.

**TASK**: Perform a comprehensive UI/UX transformation analysis for [PRODUCT_NAME_OR_TYPE, e.g., 'Agentic Terminal CLI']. Analyze the current state based on [CURRENT_UI_DESCRIPTION, e.g., 'Chat window is oversized and looks unpolished, resembling low-quality aesthetics; upper panel is cluttered and visually jarring']. Align the transformation with the [OVERALL_VISION, e.g., 'hyper-polished power-user desktop experience rivaling Warp Terminal's elegance while maintaining Claude Code CLI's raw efficiency']. Uphold the [CORE_PHILOSOPHY, e.g., 'Terminal authenticity with desktop app sophistication']. Target [TARGET_USERS, e.g., 'power developers and AI workflow enthusiasts'].

**OUTPUT STRUCTURE** (Use Markdown for clarity):
1. **Current Pain Points Analysis**: Bullet list of usability, visual, and performance issues with evidence from [CURRENT_UI_DESCRIPTION] and [SPECIFIC_COMPLAINTS, e.g., 'Chat window too large and 'fucked'; upper panel looks unprofessional'].
2. **Design Principles**: 5-7 core principles derived from [OVERALL_VISION] and [CORE_PHILOSOPHY], e.g., 'Instantaneous interactions', 'Pixel-perfect minimalism'.
3. **High-Level Redesign Vision**: Describe the transformed app's overall layout, color palette, typography, and theme (e.g., dark mode with subtle gradients). Include mood board inspirations [INSPIRATIONS, e.g., 'Warp Terminal, Figment, Claude desktop'].
4. **Component-by-Component Redesign**: For key elements like [SPECIFIC_COMPONENTS, e.g., 'chat window, upper panel, sidebar, command input'], provide:
   - Before/After comparison.
   - Visual description (e.g., 'Resize chat to 60% height with smooth collapse animation').
   - Interaction flows (e.g., 'Hover states, micro-animations for feedback').
   - Accessibility considerations.
5. **Animation & Micro-Interactions**: Detail 5+ key flows (e.g., 'Terminal command execution with ripple effects').
6. **Prototyping & Implementation Roadmap**: Steps for Figma prototypes, tech stack suggestions (e.g., Electron/Tauri for desktop), and metrics for success (e.g., task completion time reduction).
7. **Visual Mockups**: Text-based wireframes or ASCII art for 2-3 key screens, plus prompts for generating images in tools like Midjourney.

Be creative, agentic, and hyper-detailed—output should be immediately actionable for designers and developers. Ensure the result feels 'speed meets beauty' with zero bloat.

How to Use

Copy the prompt into your AI chat interface. Replace placeholders with specifics: [PRODUCT_NAME_OR_TYPE] (e.g., 'Agentic Terminal CLI'), [CURRENT_UI_DESCRIPTION] (e.g., detailed current issues), [OVERALL_VISION] (e.g., 'hyper-polished power-user experience'), [CORE_PHILOSOPHY] (e.g., 'Terminal authenticity with sophistication'), [TARGET_USERS] (e.g., 'power developers'), [SPECIFIC_COMPLAINTS] (e.g., 'Chat window too large'), [SPECIFIC_COMPONENTS] (e.g., 'chat window, sidebar'), and [INSPIRATIONS] (e.g., 'Warp Terminal'). Provide as much detail as possible for richer output; iterate by feeding back generated mockups for refinements.

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.

C
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.

C
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.

C
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.

C
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.

C
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.

C
Community