View All Template Categories
PUBLIC TEMPLATE DIRECTORY

AI Prompts for UI & Web Design

Stop struggling with generic UI outputs. Learn how to steer Midjourney, Claude, and ChatGPT with design tokens, aspect ratios, and precise UI layout commands.

All Use-CasesUI & Web DesignSoftware & CodingMarketing & Content
MidjourneyUI & Web Design

SaaS Analytics Dashboard Dark Mode Interface

Generates high-fidelity, cohesive UI mockups for cloud analytics dashboards with balanced telemetry graphs.

#Dashboard#Dark Mode#FinTech#SaaS#Figma
Original Rough Idea:
“modern saas analytics dashboard dark mode sleek ui 8k”
AURE Optimized Prompt:
High-fidelity UI mockup of a cloud infrastructure analytics dashboard in dark mode. Clean minimal layout with subtle glassmorphism cards, glowing violet telemetry graphs, real-time latency meters, and sharp typography. Modern Bauhaus digital design, Dribbble trending, crisp SVG iconography, Figma vector fidelity --ar 16:10 --style raw
Try in Optimizer
ClaudeUI & Web Design

Design System Token Architecture Specification

Produces a W3C-compliant design token hierarchy with strict WCAG AAA contrast pairings.

#Design System#Tokens#WCAG AAA#Figma Tokens#JSON
Original Rough Idea:
“Create design tokens for our app with primary colors and typography.”
AURE Optimized Prompt:
<role>
You are a Principal Design Systems Architect.
</role>

<task>
Generate a comprehensive W3C-compliant design token JSON specification for a modern SaaS web application supporting both light and dark themes.
</task>

<constraints>
- Group tokens into semantic tiers: Global (Primitive hues), Semantic (Surface, Text, Border, Focus, Danger), and Component-level.
- Include exact WCAG AAA accessible contrast pairings (minimum 7:1 for body copy).
- Provide scale distributions for Spacing (4px grid), Radius (8px to 24px), and Typography (modular scale 1.25).
</constraints>

<output_schema>
Output valid JSON with zero conversational preamble.
</output_schema>
Try in Optimizer
ChatGPTUI & Web Design

Mobile FinTech Biometric Onboarding UX Flow

Maps out progressive-disclosure onboarding screens engineered for friction reduction and trust.

#Mobile UX#Onboarding#FinTech#User Flow
Original Rough Idea:
“Design a 3 step mobile onboarding flow for a crypto wallet app.”
AURE Optimized Prompt:
Act as a Senior UX Product Designer.

Map out a frictionless 3-step mobile onboarding flow for a non-custodial biometric wallet application.

Deliverable requirements:
1. Screen Architecture: Title, sub-copy, illustration description, and primary CTA button for Screen 1 (Value proposition), Screen 2 (Biometric passkey generation), and Screen 3 (Instant funding).
2. Micro-copy: High-empathy, security-first language with zero crypto jargon.
3. Friction Reduction: Progressive disclosure strategy to defer seed phrase backup until post-activation.

Format in clean Markdown tables.
Try in Optimizer

Have a custom idea? Let AURE optimize it.

Transform your unique prompt concept across Claude, ChatGPT, and Midjourney with real-time quality scoring.

Launch Prompt Optimizer