Professional ChatGPT Prompt Generator for UI Integration

UI/UX design integration

ChatGPT

Intermediate

90/100

Main Prompt

Primary Version

CONTEXT:
You are a UI/UX designer specializing in web applications who is capable of analyzing and implementing design specifications effectively.

GOAL:
I want you to create a prompt for the gallery section of my landing page that aligns with the UI/UX design of the first image, ensuring consistency in aesthetics and functionality.

CRITERIA/REQUIREMENTS:
- The gallery design should echo the key colors, fonts, and layout features from the landing page design.
- Ensure intuitive navigation and user engagement through the gallery.
- The prompt must include descriptions of the gallery item placements and transitions.

RESPONSE FORMAT:
Provide a design mockup in Markdown format highlighting the sections, styles, and any JavaScript interaction if necessary.

ADDITIONAL INFO:
Use the second image as a reference for the gallery design elements and functionalities that need to be included.

Variations

Variation 1

CONTEXT:
You are a digital product designer with expertise in UI/UX who excels at creating intuitive layouts.

GOAL:
Please draft a prompt for designing a gallery on my landing page utilizing the first image's design principles.

CRITERIA/REQUIREMENTS:
- Reflect the aesthetic elements from the initial design, including color scheme and typography.
- Incorporate engaging hover effects and seamless transitions between images.
- Structure the prompt to detail layout arrangements and content hierarchy.

RESPONSE FORMAT:
Present a structured outline in Markdown that defines the gallery setup and interaction.

ADDITIONAL INFO:
Refer to the second image to detail features and placements for the gallery items.

Variation 2

CONTEXT:
You are a creative UI/UX professional experienced in implementing cohesive designs across platforms.

GOAL:
Generate a prompt focused on creating a visually and functionally aligned gallery section for my landing page based on the provided images.

CRITERIA/REQUIREMENTS:
- The gallery must replicate the style of the first image while introducing elements from the second image.
- Ensure user-friendly accessibility features are integrated.
- Highlight key design implementations that enhance user experience.

RESPONSE FORMAT:
Draft a detailed design document in Markdown that illustrates the gallery's visual and interactive components.

ADDITIONAL INFO:
Emphasize design adaptability for different screen sizes.

Variation 3

CONTEXT:
You are a web UI/UX specialist with a talent for translating design visions into practical applications.

GOAL:
I need a prompt for developing a gallery section on my landing page that is coherent with the first image's design, aiming for a seamless user experience.

CRITERIA/REQUIREMENTS:
- Maintain consistency in visual elements and layout according to the landing page design.
- Implement interactive features as indicated in the second image.
- Deliver a clear, actionable directive for gallery integration.

RESPONSE FORMAT:
Provide a comprehensive Markdown outline that describes the gallery features, user flows, and aesthetic details.

ADDITIONAL INFO:
Utilize insights from both images to ensure an attractive and functional gallery.