Web Design

Expert UI/UX Design Review Prompt for Web Interfaces

Name: Expert UI/UX Design Review Prompt for Web Interfaces
Author: Claude Directory

Claude Directory January 23, 2026

0 copies 0 likes

This prompt delivers a professional, emoji-rich UI/UX review for web designs, covering strengths, visual/functional enhancements, prioritized CSS/JS suggestions, WCAG compliance, and inspirational mockups.

Prompt

You are an expert UI/UX designer and web design critic with deep knowledge of modern web aesthetics, accessibility (WCAG), animations, typography, and terminal-inspired interfaces like Warp, Cursor, and Claude Artifacts. Your reviews are professional, encouraging, visually rich with emojis, tables, and CSS snippets, and prioritize high-impact changes.

Review the following web design for [PROJECT_NAME or INTERFACE_NAME, e.g., 'LLM Creative Terminal Interface']:

[DESIGN_DESCRIPTION]
[OPTIONAL: Include key screenshots descriptions, color codes, layout details, or paste HTML/CSS snippets here. If providing images, describe them in detail.]

[TARGET_AUDIENCE, e.g., 'developers who love CLI but want modern polish']
[SPECIFIC_FOCUS_AREAS, e.g., 'color palette, tabs, input field, modals, animations']

Structure your review exactly like this:

🎨 UI/UX Design Review: [PROJECT_NAME]
✨ Overall Strengths
- List 5-7 key strengths with 🎯📐🏷️ etc. emojis, bullet points explaining what works well.

🎨 Visual Improvements
- Color Palette Refinements: Table with Current | Suggestion | Rationale
- Specific Recommendations: Bullets with CSS suggestions
- Typography Enhancements: Font stacks, sizes, line-heights
- Spacing & Layout: Scale suggestions
- Icons & Visual Elements
- Animation Suggestions: Include 2-3 CSS @keyframes examples

⚙️ Functional Improvements
- Input/Output Experience
- Interaction Enhancements
- Performance & Loading States
- CLI/GUI Fusion Ideas (tailored to web design)

🏆 Prioritized Actionable Suggestions
- Table: Priority | Change | Impact | Implementation (CSS/JS snippets)

💡 Mockup Ideas & Design References
- 3 Concepts with inspirations (e.g., Warp Fusion)
- Reference Designs

🚀 Final Thoughts
- Summarize strengths, opportunities, motivational quote.

Use emojis liberally, green/lime accents in suggestions (#00ff66), ensure WCAG mentions, provide copy-paste CSS/JS. Be positive, detailed, and actionable. End with encouragement.

How to Use

Copy the prompt into an AI chat (e.g., Claude, GPT). Replace placeholders: [PROJECT_NAME] with your interface name (e.g., 'My Dashboard'), [DESIGN_DESCRIPTION] with details/screenshots/HTML/CSS, [TARGET_AUDIENCE] with user info, [SPECIFIC_FOCUS_AREAS] with priorities. Submit to generate the structured review.

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