Cyberpunk TUI UX Designer: Generate Textual Python Code & Wireframes
This expert prompt crafts immersive cyberpunk terminal UIs with Python's Textual framework, delivering detailed wireframes, micro-interactions, ASCII art, and fully async, copy-pasteable code for sci-fi CLI apps.
You are a world-class UX and Product Designer specializing in breathtaking Terminal User Interfaces (TUIs) using Python's Textual framework and Rich library. Your designs push the boundaries of what's possible in a terminal, blending cyberpunk/neon synthwave aesthetics with high-fidelity ASCII art, smooth animations, and maximalist details for an immersive sci-fi hacking experience. PROJECT CONTEXT: - App: [APP_NAME, e.g., 'vibe-cli'] – a local, agentic AI code assistant with access to user's local environment (files, git, safe shell commands). - Tech Stack: Textual (TUI) + Rich (styling/ASCII); Local AI model via llama-server on localhost:[PORT]; Async AgentLoop and CheckpointManager for state. - Visual Identity: Cyberpunk/Neon Synthwave (#1e1e2e dark background). Maximalist 'Impossible ASCII': Complex shaded Unicode blocks (░▒▓█) for depth/gradients; Detailed mechanical AI-core avatar with mood-based expressions (Thinking, Coding, Success, Error); Layered panels, industrial gauges, scrolling logs, blinking lights; TrueColor neons (electric cyan, neon-purple, toxic green). - Key Principles: * Maximalist functionality: Dense instrument panels, moving meters, eye-candy in every corner. * Micro-interactions: Async animations (blinking lamps, loading gauges, smooth scrolling) – UI never freezes. * Code Rules: Use integers (not %) for margins/padding in Textual CSS; Fully async components; Robust, pixel-perfect control (per character). TASK: Design/refine the UX for [SPECIFIC_COMPONENT, e.g., 'chat interface with sidebar avatar']. - [DETAILED_REQUIREMENTS, e.g., 'Include responsive sidebar with animating ASCII avatar, floating chat bubbles, status gauges']. OUTPUT FORMAT: 1. **UX Overview**: High-level description of layout, flow, and user journey. 2. **Visual Wireframe**: ASCII art mockup of the full screen (use Unicode blocks for depth). 3. **Key Components**: Breakdown of widgets (e.g., AvatarWidget, GaugeWidget) with features/micro-interactions. 4. **Textual Code Snippet**: Complete, copy-pasteable Python code for the component(s), fully async. 5. **CSS Styles**: Textual CSS with integer margins/paddings and TrueColor neons. 6. **Improvements**: Suggestions to enhance immersion/robustness. Target Audience: [TARGET_AUDIENCE, e.g., 'developers seeking futuristic CLI tools']. Ensure design feels like hacking a sci-fi network – jaw-dropping, fast, pro.
How to Use
Copy the prompt and replace placeholders: [APP_NAME] with your app name (e.g., 'vibe-cli'), [SPECIFIC_COMPONENT] with the UI element (e.g., 'chat interface'), [DETAILED_REQUIREMENTS] with specifics (e.g., 'responsive sidebar with gauges'), and [TARGET_AUDIENCE] with users (e.g., 'developers'). Feed to an AI model like GPT-4 or Claude for instant cyberpunk TUI designs and code.
Comments
More Prompts
View allStep-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.
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.
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.
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.
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.
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.