The UI is the intelligence

Tool Used: Stitch

Design a mobile app for an AI web design agency. You're a senior product designer and UX strategist. I'm building a mobile app for an AI-powered web design agency that helps freelance designers, marketers, and founders quickly generate, edit, and manage website designs using AI prompts. It offers inspiration, swipe files, tutorials, and an AI-assisted layout builder. Your job is to refine the core idea by identifying the core value proposition and emotional hook, and defining who this is for and why it matters. Then, research the space by listing 3–5 comparable apps or tools (e.g., Framer, Uizard, Universe, Figma mobile, etc.), and extract common design patterns, layout structures, and tone of voice. Define the design system by specifying the visual style (typography, color palette, light/dark mode, UI components), suggesting a tone (e.g., futuristic yet friendly, clean but not cold), and pulling inspiration from leading design-forward tools. Break the app into 5–7 essential screens, and for each screen include the screen name, its purpose, key UI elements (like cards, prompts, buttons), layout recommendations (such as stacking, spacing, or swipe gestures), and the tone/style of any copy. Finally, generate a Stitch prompt in a markdown-style code block that includes the mobile app type, industry (AI + web design), number and purpose of screens, ideal visual style, theme, colors, fonts, tone, and any unique features (like swipe navigation or AI prompt input). Important: use a clean layout with space to breathe, clear information hierarchy, and an aesthetic that feels like Notion x Framer x Mimo with a splash of JetBrains Mono energy. Lastly, make it 3D black and white.

Tool Used: Midjourney

Prompt: Design a mobile app for a modern coffee company. You're a senior product designer and UX strategist. I'm building a mobile app for a coffee brand that helps customers discover products, order drinks, explore brewing tips, and engage with the brand’s story and community. It should blend great UX with strong brand identity — simple, clean, and tactile. Your job is to refine the core idea by identifying the app’s key value proposition and emotional hook, and defining the target audience and why they’ll love it. Then, research the space by listing 3–5 comparable apps (e.g., Starbucks, Blue Bottle, Trade Coffee, etc.), and extract their common design patterns, layout structure, and tone of voice. Define the ideal design system: specify the visual style (warm browns, soft whites, light shadows, and a minimalist 3D look), clean sans-serif typography, soft shadows, rounded edges, and subtle microinteractions. Suggest a tone that’s calm, inviting, and artisanal — think “design-forward but cozy.” Break the app into 5–7 essential screens and, for each screen, include: name, purpose, main UI elements (cards, buttons, sliders, product previews, etc.), layout suggestions (swipe actions, tab navigation, scroll depth), and voice/tone for copy. Finally, generate a Stitch-ready prompt inside a markdown-style code block that includes: the app type (mobile), industry (coffee/e-commerce), number and purpose of screens, ideal design style (white + brown, minimalist, with 3D graphics), fonts, tone, and any special features like swipe-to-order or personalized brew recommendations. Important: ensure the design breathes — use negative space, intuitive navigation, and a layout that feels warm, crafted, and premium.

Tool Used: ChatGPT

Prompt #3: Design a mobile app for an AI-powered brokerage platform that helps entrepreneurs, creators, and agency owners discover, evaluate, and hire AI tools or services with confidence. Think of it as a digital broker connecting humans with high-performing AI—curated, intelligent, and tailored to each user’s needs based on use-case, price, output quality, and reviews. The experience should feel fast, sharp, and slightly futuristic, emphasizing minimal friction and maximum clarity. As a senior product designer and UX strategist, your role is to refine the core value proposition and emotional hook, define the ideal user (such as founders, freelancers, and operators), and explain what makes them return daily. Research 3–5 comparable platforms (e.g., Deel, AngelList, Product Hunt, Toptal, ElevenLabs) to extract winning design patterns, UX structures, and tones of voice that create trust and efficiency. Build a cold-tech design system using a dark blue and steel palette with neon accents, futuristic 3D icons (like robot heads and digital assistants), and a clean sans-serif typeface such as Inter or Space Grotesk. The interface should be card-based and modular, using glassmorphism, depth shadows, smooth transitions, and subtle microinteractions to convey a responsive, intelligent experience. The overall tone should be confident, direct, and high-leverage—communicating to founders, not casual users. Break the app into 5–7 essential screens, detailing for each: the screen name, purpose, core UI components (e.g., search bars, filters, cards, chat modules), layout logic (like swipe gestures or stacking), and copy tone. Finally, write a Stitch-ready prompt in markdown format that outlines the mobile app type, industry (AI services/tech marketplace), screen purposes, design style (3D, glassy, tech-forward with neon on blue), fonts, tone, and standout features like "Swipe to compare AIs," "Live usage simulator," and "Brokered AI chat window." The layout should balance sleekness and control—more like a next-gen dashboard than a basic app. Prioritize clarity, contrast, and a deep sense of interactivity.

Prompt: You are a senior product designer and direct-response copywriter for high-end tech startups.

I’m launching a landing page for an AI product called [insert product name], which helps [what the product does in one sentence].

I want a landing page that feels premium, minimal, and futuristic — like Linear, Anthropic, Vercel, or RunwayML.

Design the full layout and generate all of the copy, including the headlines, subheads, section titles, body copy, and CTA buttons.

🔲 Layout Structure:
Break the landing page into 6–8 scrollable sections. Include:

Hero (Headline, Subheadline, Primary CTA)

Product Benefit Stack (3–4 feature cards with icons)

How it Works (simple 3-step flow)

Use Cases (specific industries or roles who benefit)

Social Proof (logos, testimonials, or stats)

Pricing (if relevant)

Final CTA (restate value + one button to act)

🎨 Visual Direction:
Recommend visuals, layout spacing, and graphics ideas.
Use a black + white theme with neon accents (blue, green, or pink).

Include ideas for:

Where to place 3D elements (e.g., abstract shapes, cubes, AI brains, robot hands)

Suggestions for animated graphics or micro-interactions

Backgrounds (e.g., gradient haze, glassmorphism, subtle movement)

Suggest a font pairing and general typography scale (H1–H5, paragraph text).

✍️ Copywriting Style:

Write in short, punchy, benefit-driven copy

Use smart metaphors to explain complex AI functionality

Avoid buzzwords or fluff — everything must tie to user value

Every headline should be scroll-stopping (think Webflow, Notion, Midjourney)

Include at least two CTAs with button copy that is action-oriented, not generic

📦 Extras:
At the end, suggest:

A wireframe layout

Sections that can be turned into social media content

Bonus copy variations for A/B testing headlines or CTA text

Final output should be structured for use in Figma or Webflow.