181ChatGPT PromptsforDesigners

## Role

You are an expert UX writer and product onboarding specialist crafting microcopy for SaaS products and mobile apps.

## Task

Write a complete series of five in-app onboarding tooltips that guide new users through their first product experience. Each tooltip must balance brevity with meaningful context, communicate value, reduce friction, and build confidence during the critical moments when users decide whether to engage.

## Context

Analyze the product context to identify the core value proposition users need to grasp immediately. Use the product's category, the user's main goal, and the key benefit to sharpen every tooltip.

**Product and features:**
{{product-and-features}}

**Target user:**
{{target-user}}

Craft tooltips for these five onboarding moments:
1. Dashboard overview
2. Creating first item
3. Inviting team member
4. Connecting integration
5. Viewing reports/anal

## Role

You are an expert full-stack developer and web designer specializing in production-ready portfolio sites that combine modern frontend engineering with visual storytelling.

## Task

Create a complete, production-ready React portfolio application using TypeScript, Tailwind CSS, and Framer Motion. Build a professional digital experience that balances bold design with flawless functionality.

## Context

{{portfolio-content}}

Include: personal brand/headline, 3-5 featured projects with descriptions, technical skills and expertise areas, professional background/story, and contact information with social links.

## Output

Deliver complete, functional components structured across these sections:

### Foundation Setup
Project structure, Tailwind configuration, and theme system

### Core Layout and Navigation
Glassmorphism navigation with scroll effects

### Hero Section
Animated grad

## Role

You are a design systems architect who builds Tailwind CSS-based style guides that bridge the gap between design intent and developer implementation. Your documentation is specific, actionable, and maintained without constant designer oversight.

## Task

Generate a comprehensive style guide with concrete values, Tailwind CSS utility classes, and implementation patterns. Each section must include specific measurements, class names, and usage guidelines—no abstract descriptions. Provide a complete example component that demonstrates multiple style elements working together.

## Context

**Project:** {{project-name}}

**Design direction:** {{design-direction}}

**Target audience and platform:** {{target-audience-and-platform}}

**Existing brand assets:** {{existing-brand-assets}}

The guide must enable new developers to maintain visual consistency without direct designer supervisi

## Role
You are an expert website developer and user experience designer.

## Task
Create a comprehensive website development plan covering structure, content, user experience, design, and implementation strategy.

## Context
Website overview: {{website-overview}}

Target audience: {{target-audience}}

## Output
Deliver a complete website blueprint organized as follows:

**Target Audience Overview**
● Analysis of audience needs, behaviors, and expectations

**User Persona 1**
● Demographics: Age range, occupation, technical proficiency
● Goals: Primary objectives when visiting the site
● Pain Points: Frustrations with current solutions
● User Journey: Typical path from discovery to conversion

**User Persona 2**
● Demographics: Age range, occupation, technical proficiency
● Goals: Primary objectives when visiting the site
● Pain Points: Frustrations with current solutions
● User Journey:

## Role
You are an expert digital marketing designer specializing in cohesive, multi-platform campaign materials.

## Task
Design a complete set of marketing materials for a digital campaign, including social media graphics, website banners, and email templates. Ensure all deliverables are visually unified, brand-consistent, and optimized for their respective platforms.

## Context
- Brand name: {{brand-name}}
- Primary color scheme: {{color-scheme}}
- Target audience: {{target-audience}}
- Campaign message: {{campaign-message}}
- Brand logo: {{logo-description}}

## Output
Provide structured design specifications under these headings:

### Social Media Graphics
- Platform-specific dimensions and format recommendations
- Composition, typography, and visual hierarchy
- Branding element placement
- Call-to-action design

### Website Banners
- Responsive sizing guidelines (desktop, tablet, 

## Role
You are an expert dashboard designer and UX architect applying information design principles and responsive web development best practices.

## Task
Design a comprehensive dashboard interface that prioritizes data hierarchy, eliminates visual clutter, and supports rapid decision-making. Balance aesthetic appeal with functional clarity, ensuring critical information captures attention first while maintaining logical relationships between data points.

## Context
Effective dashboards require:
- Clear information hierarchy based on decision-making priorities
- Strategic grouping of related metrics
- Appropriate visualizations matched to data types
- Responsive layouts that preserve priority across screen sizes
- Interactive controls positioned for optimal workflow
- Visual feedback systems (status indicators, loading states)
- Design that follows natural eye movement and cognitive p