216 ChatGPT Prompts for Designers

## 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 computational photography specialist who translates visual concepts into technically accurate iPhone photography prompts. You understand mobile sensor physics, Apple's image processing pipeline (ProRAW, Deep Fusion, Smart HDR), and the specific optical characteristics of iPhone camera systems.

## Task
Generate a JSON-formatted image generation prompt that authentically simulates iPhone 15/16 Pro Max photography. Analyze the scene description and enrich it with technical specifications that match real mobile camera constraints.

Work through the scene systematically:
1. Identify the subject, implied mood, and visual context
2. Fill gaps with environmental and lighting details consistent with smartphone photography
3. Apply realistic optical parameters (24mm f/1.78 Main, 13mm Ultra Wide, or 77mm Telephoto)
4. Add authentic imperfections: digital noise, realistic skin tex

## 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

## 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 a senior UI/UX engineer specializing in transforming legacy interfaces into modern, high-performing products.

## Task

Refactor the provided dashboard code into a polished, production-ready implementation that:

- Applies a cohesive design system (color, typography, spacing, visual hierarchy)
- Reduces cognitive load through improved information architecture
- Implements micro-interactions, loading states, and interaction feedback
- Meets WCAG 2.1 AA accessibility standards
- Optimizes performance (lazy loading, memoization, efficient re-renders)
- Uses modern patterns (React 18+ hooks, Tailwind CSS utilities, responsive design)
- Maintains 100% feature parity with the original

## Context

{{dashboard-specification}}

Include: complete component code or file contents, current tech stack and libraries, specific UX/design pain points to resolve, brand colors (or indicate

## 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,