Nano Banana Pro
Prompts

Prompts updated daily

Prompts

1
BY@まさた｜Web制作
Feb 8, 2026

PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro

PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro

This is a detailed system prompt for Nano-banana Pro, instructing it to act as a skilled UI designer. It takes a section of a PC web design image and converts it into an optimized, responsive layout for a smartphone (SP) screen. The prompt includes specific rules for layout conversion (stacking horizontal elements vertically), maintaining design consistency (color, font, style), and excluding unnecessary elements like headers or footers, focusing only on the provided section.

Prompt
# Instruction You are a skilled UI designer. Analyze the attached image of a "section of a PC web design" and generate the optimal layout image for that part when displayed on a smartphone (SP) screen. # Generation Rules (Section Specific) 1. Process as an independent component: - Do not add any headers, footers, or unnecessary navigation bars. - Reconfigure using only the elements present in the image (text, icons, photos). 2. Responsive Layout Conversion (Stacking): - Elements that are horizontally aligned on the PC (Horizontal row) should be changed to vertical stacking (Vertical column) for the smartphone. - Margins (Padding/Margin) should be appropriately adjusted for the narrow screen width of a smartphone. 3. Design Inheritance: - Maintain the color scheme, font atmosphere, and decorative style of the original image. - The image aspect ratio should be generated as vertical (e.g., 3:4 or 9:16), assuming the elements will be stacked vertically. # Action Generate one design comp of the attached image section, optimized for smartphone screen width (375px~).

Try These AI Skills Instead

Discover featured tools that can help you generate amazing content.

YouMind Style Background Image

Generate a YouMind brand style abstract image for background use. Font Guidelines: Use <Libre Baskerville> for English titles and <Source Sans> for Chinese titles.

YouMind Style Background Image

Infographic Maker

Say goodbye to the hassle of manually creating charts. Simply provide your structured data, and Infographic Maker can generate high-quality PNG infographics with a single click. It features 6 built-in chart types (timeline, flowchart, leaderboard, scale chart, comparison chart, funnel chart) and 5 meticulously crafted visual styles (Business Blue, Creative Color, Dark Tech, Elegant Warm, Minimalist Black and White), easily covering all scenarios from annual reports to social media. Supporting Instagram Stories (9:16), Feed (4:5), and Square (1:1) sizes, it lets your data speak for itself.

Infographic Maker

Data Visualization

Generate visualizations based on user-provided data that conform to the Storytelling with Data (SWD) principle. Triggering conditions: This skill must be used when a user provides data and requests "draw a chart," "generate a chart," "visualize," "make a graph," or "show me this data," or uploads CSV/Excel/spreadsheet data and wants to see a graphical representation. Even if the user only says "analyze this data" and the data is suitable for visualization, this skill should still be used to generate a chart.

Data Visualization

Every Classic-Modern Conflict Cover

The article's core ideas are transformed into a visual impact. The collision of classical engraving and modern symbols creates the Every.to-style cover, characterized by dark emphasis, high contrast, wordless composition, and a strong sense of artistry.

Every Classic-Modern Conflict Cover

Romantic rendering of portrait images

Transform ordinary portrait photos into a 3D cartoon style depicting a tranquil sunset under cherry blossom trees. Supports single or multiple photos (multiple photos will be merged), outputting 4K high-definition images using the Nano Banana 2 model, presenting a serene atmosphere with backlit silhouettes.

Romantic rendering of portrait images

glance

A cover generator designed for high click-through rates. Based on article content analysis and hook strategies, it identifies authentic brand identities and generates covers that stand out in the news feed. Core principles: grab attention in 3 seconds, prioritize authentic brands, and drive clicks through emotional resonance. It judges the optimal combination of text and visuals from the perspective of top cover designers.

glance
View All Skills

Common Questions

Nano Banana Pro is Google's latest multimodal AI model featuring multimodal understanding (text, images, and video), high-quality generation from photorealistic to artistic styles, fast iteration with quick edits and variations, diverse styles from pixel art to oil paintings, precise control over composition and lighting, and complex multi-object, multi-character scene rendering.
They are curated mainly from public Twitter/𝕏 sources. If you are the author and wish to opt out, please contact us for immediate removal.
Simply copy the prompt and use it in YouMind with the 'Nano Banana Pro' image generation model according to the description. We are working on a tighter integration for one-click usage in the future.
It helps you consolidate your content creation and learning best practices into YouMind Shortcuts. This enables one-click generation based on your materials—like turning a YouTube video into a blog post or extracting quotes from an article.
Check out our blog post Nano Banana Pro Hands-On: 10 Mind-Blowing Real-World Cases for more curated Nano Banana Pro examples.

Ready to create with
Nano Banana?

Experience Nano Banana Pro's Powerful Capabilities
LET YOUR IMAGINATION SOAR

Start Generating