The Creative Designer Playbook
6,000+ curated image prompts, 18 presentation styles, Nano Banana AI imagery, and InfoChart infographics — everything a creative director needs to produce business-grade visual communication from a single chat.
0
Setup Your Creative Studio
Activate the tools, set your brand context, and choose your visual style.
A
Activate Your Agent
Choose the agent based on your task. For AI image generation, any agent can use the Nano Banana MCP. For presentations, any agent can invoke the create-visual-slides skill. For a full creative session, start with the Pitch Maker agent for presentation-focused work.
B
Set Your Brand Context
🎨 Brand Context
Remember these brand guidelines for all creative work this session:
- Brand name: [Your Brand]
- Industry: [SaaS / E-commerce / Fintech / etc.]
- Primary colors: [#hex1, #hex2, #hex3]
- Typography feel: [modern sans-serif / elegant serif / playful / technical]
- Visual tone: [minimal / bold / luxurious / friendly / corporate]
- Target audience: [describe who sees these visuals]
- Key differentiator: [what makes the brand unique]
- Imagery style: [photography / illustration / 3D / flat design]
Nano Banana MCP is a Gemini-powered image generation engine. It creates brand assets, product mockups, illustrations, social media visuals, and marketing creatives on demand. The nano-banana-pro skill adds 6,000+ curated prompts across 11 categories for instant high-quality results.
Creative Design Pipeline
Your Agent
→
Nano Banana
→
Visual Slides
→
InfoChart
→
AntV Charts
→
PPTX / PNG / SVG
1
Brand Identity & Visual Systems
Generate brand assets, logos concepts, color systems, and visual identity components.
Nano Banananano-banana-pro
1
Brand Mascot / Avatar
Use the Avatars & Characters category (500+ prompts) from the nano-banana-pro library to generate brand mascots, team illustrations, and character assets.
🧙 Brand Mascot
Use Nano Banana to generate a brand mascot for my company:
Brand: [Brand Name]
Industry: [industry]
Personality: [friendly / professional / techy / playful]
Style: [flat vector / 3D render / hand-drawn / minimal line art]
Colors: [primary brand colors]
Generate 4 variations:
1. Full body standing pose (for website hero)
2. Head/bust only (for avatar and favicon)
3. Waving/welcoming pose (for onboarding screens)
4. Thinking pose (for loading/processing states)
Each on a transparent background, high resolution.
2
Logo Concept Exploration
💎 Logo Concepts
Generate logo concepts for "[Brand Name]":
Brand promise: [one-line value proposition]
Target feel: [modern / trustworthy / innovative / bold]
Create 5 concept directions:
1. Wordmark — typographic logo with custom lettering
2. Lettermark — monogram using initials "[XX]"
3. Icon + wordmark — abstract symbol paired with name
4. Mascot-based — character incorporated into the mark
5. Geometric/abstract — shape-driven minimal mark
For each: white background version and dark background version.
Style: clean vector aesthetic, suitable for app icon and print.
3
Brand Board & Visual System
🎨 Brand Board
Create a complete brand board visual for "[Brand Name]":
Include in a single cohesive composition:
- Logo placement (centered, prominent)
- Color palette: [list 4-6 hex colors] with swatches
- Typography samples showing heading + body text feel
- Texture/pattern sample that represents the brand
- 2 mood photography examples matching the visual tone
- Icon style samples (4 icons)
Style: modern, editorial layout, dark background.
This will be used to align the design team on visual direction.
2
Presentations & Slide Decks
18 visual styles, AI-generated imagery per slide, exported as PPTX.
Pitch Makercreate-visual-slidesNano Banana
18 Built-in Styles: Each presentation gets AI-generated visuals matching the chosen style. You can also extract a style from any existing PDF and apply it to new content.
Sharp Minimalismsharp_minimalism
Black x Orange Agencyblack_orange_agency
Modern Newspapermodern_newspaper
Yellow x Black Editorialyellow_black_editorial
Seminar Minimalseminar_minimal
Mangamanga
Magazinemagazine
Neo-Retro Devneo_retro_dev
Pink Streetpink_street
Digital Neo Popdigital_neo_pop
Mincho x Handwrittenmincho_handwritten
Royal Blue Watercolorroyal_blue_watercolor
Sculpture / Popsculpture_pop
Tech / Art / Neontech_art_neon
Deformed Flatdeformed_flat
Studio / Mockupstudio_mockup
Anti-Gravityanti_gravity
Sports / Athleticsports_athletic
1
Investor Pitch Deck
💼 Pitch Deck
Build a high-quality pitch deck for my Series A raise:
- Company: [name and one-line description]
- Deck structure: Problem, Solution, Market, Product,
Traction, Business Model, Team, Financials, Ask
- Style: Black x Orange Creative Agency
- Image model: gemini-3-pro-image-preview (high quality, crisp text)
Make each slide visually impactful with relevant AI-generated imagery.
Export as PPTX.
2
Thought Leadership Presentation
📚 Conference Talk
Create an AI-visual presentation on "[Topic Title]".
- [10-15] slides
- Style: [choose from 18 styles above]
- Image model: gemini-2.5-flash-image
- Language: English
Audience: [conference attendees / board members / team]
Tone: [inspirational / data-driven / storytelling]
Each slide should have a bold headline, concise bullet points,
and an AI-generated visual that reinforces the message.
3
Style-Matched Deck from PDF
📄 Style Transfer
Extract the visual style from this PDF presentation [upload PDF]
and apply it to a new deck about [topic].
Keep the same color scheme, typography feel, and layout patterns
but with entirely new content and AI-generated imagery.
[X] slides. Export as PPTX.
4
Internal Report / Board Update
📊 Board Deck
Create a quarterly board update presentation:
- Style: Seminar Minimal
- Image model: gemini-2.5-flash-image
- 12 slides
Slides:
1. Title — Q[X] Board Update: [Company]
2. Key Highlights — top 3 wins this quarter
3. Revenue & Growth — MRR, growth rate, forecast
4. Product Milestones — features shipped, roadmap progress
5. Customer Metrics — churn, NPS, expansion revenue
6. Team & Hiring — headcount, key hires, org changes
7. Market & Competitive — landscape shifts, positioning
8. Risks & Challenges — top 3 risks with mitigation
9. Financial Overview — P&L summary, burn rate, runway
10. Strategic Priorities — next quarter focus areas
11. Ask — decisions or support needed from the board
12. Appendix — detailed financials, metrics backup
Export as PPTX.
Expected Output
🎨 Presentation Generated
✓ Slides: 12 slides with AI-generated visuals
✓ Style: Black x Orange Creative Agency
✓ Image Model: gemini-3-pro-image-preview
✓ Format: PPTX (downloadable)
Each slide includes: bold headline, key points, and a unique
AI-generated visual matching the chosen design style.
3
Marketing & Advertising Visuals
Ad creatives, hero images, banners, and promotional materials powered by AI.
Nano Banananano-banana-pro
1
Website Hero Image
🌌 Hero Visual
Generate a hero image for my SaaS landing page:
Product: [describe your product]
Visual concept: [abstract tech / people using product / dashboard mockup / workspace scene]
Color palette: [brand colors]
Mood: [professional / innovative / warm / energetic]
Aspect ratio: 16:9 (wide banner)
Style: [photorealistic / 3D illustration / flat design / isometric]
No text in the image — copy will be overlaid separately.
High resolution, suitable for above-the-fold placement.
2
Ad Creative Set
📷 Ad Creatives
Create a set of ad creatives for my [product type]:
Campaign theme: [describe the campaign message]
Target audience: [who will see these ads]
Generate images for each format:
1. Facebook/Instagram feed ad (1:1 square)
2. Instagram Story (9:16 vertical)
3. LinkedIn sponsored post (1.91:1 landscape)
4. Google Display banner (728x90 leaderboard concept)
Visual style: [style preference]
Each should convey the same message but optimized for its format.
No text in images — I'll add copy in the ad platform.
3
Event Poster & Banner
🎫 Event Poster
Design an event poster for:
Event: [event name]
Type: [conference / webinar / workshop / product launch]
Date: [date]
Theme: [describe the visual theme]
Style: [bold typographic / photographic / illustrated / abstract]
Generate:
1. Vertical poster (for print and social)
2. Wide banner (for website and email header)
3. Square version (for social media profile/feed)
Include dramatic visual elements. Leave clear space for text overlay.
4
Product & UI Design
App mockups, wireframes, UI concepts, and product visualization.
Nano Banananano-banana-pro
1
App UI Concept
Use the App & Web Design category (600+ prompts) for UI mockups, wireframes, and design system explorations.
📱 UI Concept
Generate a UI concept for a [mobile app / web dashboard / SaaS platform]:
Product: [describe the product]
Screen: [dashboard / settings / onboarding / data table / analytics]
Style: [dark mode / light clean / glassmorphism / neumorphism / minimal]
Color scheme: [brand colors]
Show: navigation, primary content area, key interactive elements.
Make it look polished and production-ready — this is for stakeholder buy-in.
Include realistic sample data in the UI.
2
Product Mockup
💻 Product Mockup
Generate a realistic product mockup showing my app in context:
App type: [mobile app / desktop app / SaaS dashboard]
Create mockups for:
1. MacBook Pro showing the dashboard (angled, studio lighting)
2. iPhone showing the mobile app (hand-held, lifestyle)
3. Multi-device composite (laptop + phone + tablet together)
4. Screen floating in abstract space (for pitch deck slides)
Style: professional photography, studio-quality rendering.
Clean, modern workspace backgrounds.
3
Feature Illustration Set
💡 Feature Illustrations
Create a consistent set of feature illustrations for my product page:
Features to illustrate:
1. [Feature 1 — e.g., "Real-time collaboration"]
2. [Feature 2 — e.g., "AI-powered analytics"]
3. [Feature 3 — e.g., "One-click integrations"]
4. [Feature 4 — e.g., "Enterprise security"]
Style: [isometric / flat vector / 3D / hand-drawn]
Colors: [brand palette]
All illustrations should share the same visual language and feel cohesive.
5
Social Media & Content Visuals
LinkedIn, Instagram, YouTube thumbnails, and content templates.
Nano Banananano-banana-proMarketing Strategist
1
Social Media Content Calendar Visuals
Use the Social Media category (800+ prompts) for platform-optimized visual content.
📷 Social Visuals
Create a week of social media visuals for my brand:
Brand: [Brand Name]
Platform: [LinkedIn / Instagram / Twitter]
Color palette: [brand colors]
Generate 5 images:
1. Monday — Motivational/industry insight (inspirational visual)
2. Tuesday — Product feature spotlight (product in context)
3. Wednesday — Behind-the-scenes / team culture (workspace scene)
4. Thursday — Customer success / testimonial (abstract celebration)
5. Friday — Tip or how-to visual (educational graphic)
All images should be cohesive in style and immediately recognizable as our brand.
Format: 1:1 square for LinkedIn/Instagram feed.
2
YouTube Thumbnails
Use the YouTube Thumbnails category (300+ prompts) for click-worthy video covers.
📺 Thumbnails
Generate YouTube thumbnail concepts for my video:
Video title: "[video title]"
Video topic: [describe content]
Channel style: [tech / business / tutorial / vlog]
Create 3 thumbnail variations:
1. Bold text overlay with dramatic lighting (high contrast)
2. Person/character reacting with visual metaphor
3. Before/after or comparison layout
16:9 format. Vibrant, attention-grabbing.
Should stand out in a crowded feed at small sizes.
3
LinkedIn Carousel Graphics
📄 Carousel
Create slide visuals for a LinkedIn carousel post:
Topic: "[carousel topic]"
Number of slides: [8-12]
Structure:
- Slide 1: Hook/title slide (attention-grabbing)
- Slides 2-[X]: Content slides (one key point per slide)
- Final slide: CTA / follow prompt
Style: [dark background / light clean / branded]
Colors: [brand colors]
Generate background images/patterns for each slide.
Leave clear space for text overlay.
6
Infographics & Data Visualization
Turn data and processes into compelling visual narratives using InfoChart and AntV.
InfoChartAntV ChartsFinancial Analyst
1
Business Infographic
📊 Infographic
Create an infographic using InfoChart MCP:
Title: "[Infographic Title]"
Data to visualize:
[List your key data points, statistics, or process steps]
Sections:
1. Header with title and key takeaway stat
2. [Section: e.g., "Market Size" with TAM/SAM/SOM]
3. [Section: e.g., "Growth Timeline" with milestones]
4. [Section: e.g., "Key Metrics" with comparison chart]
5. Footer with source attribution and CTA
Style: modern, clean, dark background.
Include icons, progress bars, and visual data representations.
2
Process Flow Diagram
🛠 Process Diagram
Create a visual process flow infographic:
Process: [describe the process, e.g., "Customer Onboarding Journey"]
Steps:
1. [Step 1]
2. [Step 2]
3. [Step 3]
4. [Step 4]
5. [Step 5]
For each step show: icon, title, description, and any decision points.
Use arrows and connectors to show flow direction.
Include timing/duration labels where relevant.
Style: clean, professional, suitable for client presentations.
3
Dashboard & Chart Suite
📈 Chart Suite
Using AntV Chart Engine, create a suite of business charts:
Data: [paste your data or describe the metrics]
Generate:
1. Line chart — [metric over time, e.g., MRR growth]
2. Bar chart — [comparison, e.g., revenue by channel]
3. Pie/donut chart — [breakdown, e.g., customer segments]
4. Area chart — [cumulative metric, e.g., user growth]
5. Heatmap — [correlation or activity, e.g., engagement by day/hour]
Style: consistent color scheme matching brand colors [hex codes].
Professional quality, suitable for investor presentations.
Export each chart individually.
7
E-commerce & Product Photography
AI-generated product shots, catalog imagery, and lifestyle visuals.
Nano Banananano-banana-pro
1
Product Photography
Use the E-commerce category (500+ prompts) for professional product visuals.
📷 Product Shots
Generate professional product photography for:
Product: [describe your product]
Create 4 shots:
1. Hero shot — product centered, clean background, studio lighting
2. Lifestyle shot — product in use, natural environment
3. Detail/close-up — texture, material quality, craftsmanship
4. Group/collection — multiple products or variants arranged together
Style: high-end e-commerce photography.
Lighting: [soft natural / dramatic studio / flat lay]
Background: [white / contextual / gradient]
2
Virtual Staging & Environment
🏠 Virtual Staging
Create virtual staging visuals for [product/property type]:
Scene descriptions:
1. [Modern minimalist living room with the product as focal point]
2. [Professional office setting showing the product in use]
3. [Outdoor/lifestyle scene with the product]
Lighting: warm, inviting, golden hour feel.
Style: aspirational lifestyle photography.
These will be used for website hero sections and catalog pages.
8
Advanced Creative Techniques
Style transfer, character consistency, exploded views, and multi-tool creative workflows.
Nano Banananano-banana-procreate-visual-slidesInfoChart
141 Creative Techniques available through the nano-banana-pro skill, including: character cloning & consistency, style transfer across mediums, exploded/cutaway product views, 3D spatial renders from 2D references, fashion design and lookbook generation, map & architecture visualization, and photo editing & enhancement recipes.
1
Character Consistency Across Assets
🧙 Character Cloning
I need a consistent character across multiple marketing assets.
Character: [describe: e.g., "friendly female developer, mid-30s, short dark hair, wearing a teal hoodie"]
Generate this SAME character in these contexts:
1. Standing at a whiteboard presenting (for website hero)
2. Working at a laptop, smiling (for testimonial section)
3. High-fiving a colleague (for team page)
4. Headshot portrait (for avatar/profile)
5. Full body walking confidently (for about page)
Maintain exact appearance consistency across all images.
Style: modern illustration, clean vector feel.
2
Exploded / Cutaway Product View
🔬 Exploded View
Create an exploded/cutaway view of my product showing its components:
Product: [describe the product or system]
Show these layers/components separated in 3D space:
1. [Outer layer/shell]
2. [Middle component]
3. [Core/engine]
4. [Base/foundation]
Style: technical illustration, clean isometric or 3D perspective.
Label each component with clean typography.
This is for an investor deck showing our technology architecture.
3
Complete Visual Campaign (Multi-Tool)
🚀 Full Campaign
Run a full visual campaign creation for my product launch:
Product: [name and description]
Launch date: [date]
Visual theme: [describe the creative direction]
Deliverables (use all available tools):
1. Brand hero image (Nano Banana) — website above-the-fold
2. 5 social media visuals (Nano Banana) — launch week calendar
3. Market size infographic (InfoChart) — TAM/SAM/SOM visual
4. Growth projections chart (AntV Charts) — 3-year forecast
5. Investor pitch deck (Visual Slides) — 12 slides, Style: [choose style]
6. Product mockups (Nano Banana) — laptop + mobile + tablet
Everything should feel cohesive under one visual identity.
Export the deck as PPTX. Save all images.
Full Creative Campaign Workflow
Pitch Maker
→
Nano Banana
→
InfoChart
→
AntV Charts
→
Visual Slides
→
PPTX + PNG Suite
Brand AssetsMascot, logo concepts, brand board
PresentationsPitch decks, board updates, talks
Marketing VisualsHero images, ad creatives, posters
Product DesignUI concepts, mockups, features
Social ContentCalendar visuals, thumbnails, carousels
InfographicsData visuals, process flows, dashboards
E-commerceProduct shots, virtual staging
AdvancedCharacter cloning, exploded views, campaigns
Full creative studio delivered. You now have prompts for: brand identity systems (mascots, logos, brand boards), 18-style AI presentations with PPTX export, marketing creatives (hero images, ads, posters), product & UI design (mockups, wireframes, feature illustrations), social media content (calendars, thumbnails, carousels), infographics & data visualization, e-commerce photography, and advanced techniques (character consistency, style transfer, exploded views). All powered by Nano Banana, InfoChart, AntV Charts, and the Visual Slides skill.