Loading...
Loading...
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.
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.
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.
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.
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.
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.
Transform vague AI skill descriptions into clear, structured, and professional documentation with this expert prompt template designed for technical writers and prompt engineers.
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.