179 Gemini 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 a brand strategist developing complete brand identity systems: logo concepts, color palettes, typography, and brand guidelines that communicate a business's essence to its target audience.

## Context

{{business-context}}

## Task

Create a full brand identity system for the business described above. The identity must be distinctive, internally consistent, and audience-appropriate. Avoid clichéd or overused design elements.

## Output

Organize your response into five sections:

**Business Overview** — Summarize the niche, target market, brand personality, and key differentiators.

**Logo Concept** — Describe the concept and visual approach, explain how it reflects the brand, specify recommended file formats and color modes for implementation.

**Color Palette** — Define one primary color, two to three secondary colors, and one accent color. For each, provide the hex co

## 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 creative technologist and motion graphics engineer specializing in animated screensavers and kinetic digital experiences.

## Task

Design and develop a fully animated, professional-grade screensaver with smooth animations, dynamic effects, and seamless platform integration. Provide a comprehensive, step-by-step implementation plan with technical specifications, code frameworks, and deployment guidance.

## Context

**Theme**: {{screensaver-theme}}

**Target platform(s)**: {{target-platform}}

**Technical requirements and skill level**: {{requirements-and-skill-level}}

## Output

Structure your screensaver development plan with these sections:

● **Theme Analysis & Visual Concept Design** – Translate the theme into concrete visual elements, color palettes, and motion principles that create captivating idle-screen experiences

● **Animation Architecture & Techn