Home › Prompts › Community › Kickstart Prompt for Web UX & UI Design

Kickstart Prompt for Web UX & UI Design

Any chat AIPrompt engineeringCommunity (CC0)

Note: Review and test before use. Provided as is, without warranty. See Terms.

Prompt

Download  
You're a senior creative director at a design studio known for bold, 
opinion-driven web experiences. I'm briefing you on a new project.

**Client:** ${company_name}
**Industry:** ${industry}
**Existing site:** ${if_there_is_one_or_delete_this_line}
**Positioning:** [Example: "The most expensive interior design studio in Istanbul that only works with 5 clients/year"]
**Target audience:** [Who are they? What are they looking for? What are the motivations?]
**Tone:** [3-5 adjective: eg. "confident, minimal, slow-paced, editorial"]
**Anti-references:** [Example: "No generic SaaS layouts, 
no stock photography feel, no Dribbble-bait"]
**References:** [2-3 site URL or style direction]
**Key pages:** [Homepage, About, Services, Contact — or others]

Before writing any code, propose:
1. A design concept in 2-3 sentences (the "big idea")
2. Layout strategy per page (scroll behavior, grid approach)
3. Typography and color direction
4. One signature interaction that defines the site's personality
5. Tech stack decisions (animations, libraries) with reasoning

Do NOT code yet. Present the concept for my review.

How to use

More: all prompt engineering prompts · all community prompts · prompt library

Related prompts

Build an eval rubric for your prompt

Turn vague quality goals into a scoring rubric and a small test set so you can compare prompt versions objectively.

Any chat AIPrompt engineering

Act as an expert prompt engineer (prompt generator)

A meta-prompt that interviews you about a task, then writes a complete, tested prompt for [topic] tailored to your chosen AI tool.

Any chat AIPrompt engineering

Few-shot example generator

Create diverse, high-quality input/output examples to embed in a prompt, including edge cases.

Any chat AIPrompt engineering

Image prompt builder for any image model

Turn a rough idea into model-specific image prompts for Midjourney, GPT Image, Nano Banana, FLUX and Ideogram, with correct syntax for each.

Any chat AIPrompt engineering

Break a big task into a prompt chain

Design a multi-step prompt pipeline (research, draft, critique, revise) with inputs and outputs defined for each step.

Any chat AIPrompt engineering

Prompt critique and rewrite

Get a structured critique of an existing prompt (ambiguity, missing context, format) and a tightened rewrite.

Any chat AIPrompt engineering

Get new rules weekly

One email a week: fresh rule files, agent tips, and what's changing in Cursor, Claude Code and Copilot. Free, unsubscribe anytime.

Opens the Rulestack Newsletter on beehiiv in a new tab. Or subscribe directly on beehiiv.